c# - Javascript 函数适用于 onclick 但不适用于 onfocus

Question

我有以下 javascript 函数:

function makefieldlonger(element) {
    element.style.width = "550px";

}

我用这样的 RadTextBox 控件调用它:

<telerik:RadTextBox ID="txtSubject" runat="server" EnableEmbeddedSkins="false"
                                    Skin="Default" Width="255px" onclick="makefieldlonger(this)"/>

这行得通，但我希望它发生在 onfocus 事件中，所以我执行以下操作:

<telerik:RadTextBox ID="txtSubject" runat="server" EnableEmbeddedSkins="false"
                                    Skin="Default" Width="255px" onfocus="makefieldlonger(this)"/>

但它拒绝调整其在页面上的大小。它确实调用了 javascript 函数(我通过在函数中放置一个警报来测试它并被调用)。

所以问题是:为什么这个函数对 onclick 事件起作用，但对 onfocus 事件不起作用？

Answer 1

ASPX

<telerik:RadTextBox ID="txtSubject" runat="server" EnableEmbeddedSkins="false" Skin="Default" Width="255px" >
    <ClientEvents OnFocus="makefieldlonger" />
</telerik:RadTextBox>

或者您可以使用ClientEvents-OnFocus 属性将函数设置为@Blade0rz 注释

JavaScript

<script type="text/javascript">
    function makefieldlonger(sender, eventArgs)
    {
        sender._element.style.width = "550px";
    }
</script>

编号:RadControls for ASP.NET AJAX Documentation