onclick:需要将 JavaScript 代码直接嵌入到 HTML 元素中,可能导致 HTML 和 JavaScript 代码混合在一起,可维护性较差。 兼容性: addEventListener:更符合现代的事件处理标准,适用于各种现代浏览器。 onclick:是一个早期的事件处理方式,虽然仍然可以在大多数浏览器中使用,但在某些情况下可能存在兼容性问题。 总之,addEven...
首先,addEvent这是一个人为封装的方法: 然后你调用了这个方法 addEvent(document.querySelector('.icon-bofang'),'click',xxx.call(obj)) 这个方法实际上做的事是: ele["on"+event]=fn; 也就是 document.querySelector('.icon-bofang').onclick=xxx.call(obj); 这不就直接执行了么?更简单一点,你直...
2.用addEventListner(type, fn, capture/bubble)的方式称为DOM Level 2的绑定方式。 varbtn=document.getElementById("myBtn"); btn.addEventListner("click",function(){alert("click!!!")},false); //or IE method varbtn=document.getElementById("myBtn"); btn.attachEvent("onclick",function(){al...
addEvent( obj, 'mouseover', function(){ alert('hello!'); } ); 使用之前,先把下面的代码复制过来: function addEvent( obj, type, fn ) { if ( obj.attachEvent ) { obj['e'+type+fn] = fn; obj[type+fn] = function(){obj['e'+type+fn]( window.event );} obj.attachEvent( 'on'...
type: 字符串,事件名称,含“on”,比如“onclick”、“onmouseover”、“onkeydown”等。 listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 例如: document.getElementById("btn").attachEvent("onclick",function(){ console.log("按钮被点击了"); ...
= fn;el[type+fn] = function(){el[‘e’+type+fn](window.event);}el.attachEvent(‘on’+ty...
'click', function() { alert('body clicked'); }, false); 1. 2. 3. 4. 5. 6. 许多javascript程序员还不知道其实还可以传递一个object给addEventListener当作第二个参数,当事件被触发时,该object的handleEvent方法被调用。 document.body.addEventListener( ...
addEvent(odiv, 'onmouseover', onmousefunc);addEvent(odiv, 'onclick', onclickfunc);addEvent(...
中element["on" + type], element是传进来的标签对象 type就是传入的事件名如 click等 举个例子 type 为click，那合起来意思等同 element.onclik=handleEvent,其中handleEvent就是 事件触发调用的函数。理解这种写法就要理解 对象的j定义 如 var obj=｛a：123｝如果要取obj对象的123这个值，那有2...
的addEvent.js (http://dean.edwards.name/weblog/2005/10/add-event/)库为 jQuery 的事件绑定提供了很多想法,我们就来看下 2005...年的 addEvent.js 。...type]; } } // store the ...