代码之家 › 专栏 › 技术社区 › Carson Myers

使用unbind,我收到一个Javascript TypeError:Object函数没有方法'split'

jquery javascript

Carson Myers · 技术社区 · 14 年前

我为一个朋友写了这段代码。他的想法是,他可以在文本框中添加一个“default”类,这样默认值将变灰,然后当他单击它时,它将消失,文本将恢复到正常颜色,然后再单击一次不会清除它:

$(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事件中添加一个匿名函数,但我不确定如何解除绑定--我可以解除所有绑定,但我不知道他是否想向其中添加更多功能(可能不想,但嘿,他可能希望在单击某些文本框时出现一条弹出消息,或者其他什么)。

unbind 函数,因为清除工作,但第二次单击仍会清除它。

5 回复 | 直到 14 年前

David Hellsing 14 年前

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

或者使用 .one

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

Sarfraz 14 年前

这个 unbind

sTodorov 14 年前

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

然后:

$(".default").mouseup(function(){
   c();
});

Jhong 14 年前

如果不想完全解除mouseup绑定,请使用hasClass()检查当前状态。不需要解开任何东西。

$(document).ready(function() {

    $('.default').bind('mouseup', function(e) {
        var tb = $(this);
        if(tb.hasClass('default')) {
            tb.removeClass('default').val('');
        }
    });

});

Darin Dimitrov 14 年前

确保你是 unbinding mouseup :

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

$(function() {
    $('.default').mouseup(clear_textbox);
});

plugin form

(function($) {
    $.fn.watermark = function(settings) {
        this.each(function() {
            $(this).css('color', 'gray');
            $(this).mouseup(function() {
                var $this = $(this);
                $this.attr('value', '');
                $this.unbind('mouseup');
            });
        });
        return this;
   };
})(jQuery);

这样你的朋友就可以:

$(function() {
    $('.someClassYourFriendUses').watermark();
});

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前