javascript - 使用取消绑定(bind)，我收到 Javascript TypeError : Object function has no method 'split'

Question

我为 friend 编写了这段代码。这个想法是他可以向他的文本框添加一个“默认”类，这样默认值就会变灰，然后当他单击它时，它就会消失，文本将恢复到正常颜色，然后单击第二次不会清除它:

$(document).ready(function() {

    var textbox_click_handler = function clear_textbox() {
        $(this).removeClass('default');
        $(this).attr('value', '');
        $(this).unbind(textbox_click_handler);
    };

    $(".default").mouseup(textbox_click_handler);

});

单击清除有效，但出现以下错误:

Uncaught TypeError: Object function clear_textbox() { ... } has no method 'split'

这是什么原因造成的？我该如何修复它？我只是在 mouseup 事件中添加一个匿名函数，但我不确定如何解除它的绑定(bind) - 我可以解除所有内容的绑定(bind)，但我不知道他是否想为其添加更多功能(可能不会，但是嘿，他可能希望在单击某些文本框时出现一些弹出消息，或者其他什么)。

我该如何解决这个问题？ “ split ”方法有什么用？我猜测这与 unbind 函数有关，因为清除工作有效，但第二次单击仍然会清除它。

Answer 1

你可以这样做:

var textbox_click_handler = function(e) {
    $(this).removeClass('default')
        .attr('value', '')
        .unbind(e.type, arguments.callee);
};
$(function() {
    $(".default").mouseup(textbox_click_handler);
});

或者使用 .one 函数来自动解除事件绑定(bind):

$(function() {
    $(".default").one('mouseup', function() {
        $(this).removeClass('default').attr('value', '');
    });
});