javascript - 将 onfocus 和 onblur 函数替换或添加到 jQuery 函数内的文本框

Question

我有一个文本框，其中有一个文本值以及附加的 onfocus 和 onblur 函数，这些函数使文本消失并在单击或关闭它时出现...

附加到文本框的 onblur 和 onfocus 函数是...

function feedbackTextBoxFocus(textFieldObject, initialText) {
if (textFieldObject) {
    if (textFieldObject.value == initialText)
        textFieldObject.value = '';
}
}
function feedbackTextBoxBlur(textFieldObject, initialText) {
if (textFieldObject) {
    if (textFieldObject.value == '')
        textFieldObject.value = initialText;
}
}

文本框是...

<asp:TextBox ID="TxtAskQuestionTitle" runat="server" CssClass="KBTopQuestionTitleTextbox" Text="Ask a question on this topic..." onblur="feedbackTextBoxBlur(this,'Ask a question on this topic...')" onfocus="feedbackTextBoxFocus(this,'Ask a question on this topic...')" />

我想要通过 jquery 方法做的事情是，当单击文本框时，内容区域会向下滑动，更改文本框中的文本，并将 onblur 和 onfocus 值更改为“提供标题”对于你的问题...”

$(function () {
$('.QuestionContentExpandClick').click(function () {

    /**** Slide the content div ****/
    var viewContent = $('#DivExpandQuestionContentArea');
    viewContent.slideDown('slow', function () {

        //  If logged in and sliding the content area down
        //  the title box message changes

        var titleTextbox = $('#TxtAskQuestionTitle');
        titleTextbox.val('Provide a title for your question...');
        //titleTextbox.attr('onfocus', feedbackTextBoxFocus(this,'Provide a title for your question...'));
        //titleTextbox.attr('onblur', feedbackTextBoxBlur(this, 'Provide a title for your question...'));

    });
});
});

正如您所看到的，我能够更改文本框中的文本值，但无法找到更改 onblur 和 onfocus 功能的方法，有人可以帮助我吗？非常感谢!

Answer 1

如果在放置回调函数时使用括号，则不会传递引用，而是在执行该函数。另外，您只想使用 .focus() 和 .blur() 函数。尝试像这样:

titleTextbox.focus(function() {
    feedbackTextBoxFocus(this,'Provide a title for your question...');
});
titleTextbox.blur(function() {
    feedbackTextBoxBlur(this, 'Provide a title for your question...');
});