JQuery和js在书写时的区别

发布时间:2020-08-10 11:15:13

1.事件绑定

原生JS绑定事件的过程:

element.addEventListener(event, function, useCapture);

兼容写法

function addEventHandler(obj,type,fn){//添加事件监听

if(obj.addEventListener){

obj.addEventListener(type,fn,false);

}else{

obj.attachEvent('on'+type,fn);

};

}

JQuery中绑定事件的过程:

$('input').bind('click', function (e) { //接受事件对象参数

alert(e);

});

2.事件解绑

原生JS写法:

兼容写法

function removeEventHandler(obj,type,fn){

    if(obj.removeEventListener){

        obj.removeEventListener(type,fn);

    }else{

        obj.detachEvent("on"+type,fn);

    }

}

JQuery中解绑事件写法:

$('input').unbind('click');

远近互联前端小华整理发布,希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。

【相关推荐】