blocks|key|3111755|text|在IE9之前的IE版本中必须使用attachEvent。检测是否定义了addEventListener，如果没有定义则使用attachEvent：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3111756|if(_checkbox.addEventListener)
++++_checkbox.addEventListener("click",setCheckedValues,false);
else
++++_checkbox.attachEvent("onclick",setCheckedValues);
//+++++++++++++++++++++++++%5E%5E+--+onclick,+not+click|code-block|syntax|javascript|3111757|请注意IE11+will+remove+attachEvent。|3111758|另请参阅：|3111759|3111760|MDN:+element.addEventListener:+Legacy+Internet+Explorer+and+attachEvent|unordered-list-item|3111761|MSDN:+attachEvent+method|3111762|3111763|entityMap|0|LINK|mutability|MUTABLE|url|http://msdn.microsoft.com/en-us/library/bg182625%2528v=vs.85%2529.aspx#legacyAPIs|1|https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Legacy_Internet_Explorer_and_attachEvent|2|http://msdn.microsoft.com/en-us/library/ms536343%2528VS.85%2529.aspx^0|G|B|Z|G|1P|B|0|0|K|B|3|S|0|0|0|0|5|O|0|1Z|1|0|0|O|2|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]|$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1E|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|M|3|N|5|6|7|1L|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]|$1|P|3|Q|5|R|7|1N|8|@$9|1O|A|1P|B|C]]|D|@$9|1Q|A|1R|1|1S]]|E|$]]|$1|S|3|T|5|R|7|1T|8|@]|D|@$9|1U|A|1V|1|1W]]|E|$]]|$1|U|3|-4|5|6|7|1X|8|@]|D|@]|E|$]]|$1|V|3|-4|5|6|7|1Y|8|@]|D|@]|E|$]]]|W|$X|$5|Y|Z|10|E|$11|12]]|13|$5|Y|Z|10|E|$11|14]]|15|$5|Y|Z|10|E|$11|16]]]]

You have to use <code>attachEvent</code> in IE versions prior to IE9. Detect whether <code>addEventListener</code> is defined and use <code>attachEvent</code> if it isn't:

<pre><code>if(_checkbox.addEventListener)
 _checkbox.addEventListener("click",setCheckedValues,false);
else
 _checkbox.attachEvent("onclick",setCheckedValues);
// ^^ -- onclick, not click
</code></pre>

Note that <a href="http://msdn.microsoft.com/en-us/library/bg182625%28v=vs.85%29.aspx#legacyAPIs">IE11 will remove <code>attachEvent</code></a>.

See also:

<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Legacy_Internet_Explorer_and_attachEvent">MDN: <code>element.addEventListener</code>: Legacy Internet Explorer and attachEvent</a></li>
<li><a href="http://msdn.microsoft.com/en-us/library/ms536343%28VS.85%29.aspx">MSDN: attachEvent method</a></li>
</ul>

blocks|key|3111768|text|如果你使用jQuery，你可以这样写：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3111769|$(+_checkbox+).click(+function(+e+){+/*process+event+here*/+}+)|code-block|syntax|javascript|3111770|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you use jQuery you can write:

<pre><code>$( _checkbox ).click( function( e ){ /*process event here*/ } )
</code></pre>

blocks|key|235664|text|尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|235665|if+(_checkbox.addEventListener)+{
++++_checkbox.addEventListener("click",+setCheckedValues,+false);
}
else+{
++++_checkbox.attachEvent("onclick",+setCheckedValues);
}|code-block|syntax|javascript|235666|更新：：对于IE9之前的Internet+Explorer版本，应使用attachEvent方法将指定的侦听器注册到调用它的EventTarget，对于其他版本，应使用addEventListener。|offset|length|style|BOLD|235667|entityMap|0|LINK|mutability|MUTABLE|url|https://msdn.microsoft.com/en-us/library/ms536343%2528VS.85%2529.aspx|1|https://developer.mozilla.org/en-US/docs/Web/API/EventTarget|2|https://developer.mozilla.org/en/docs/Web/API/EventTarget.addEventListener^0|0|0|0|4|Z|B|0|1Q|B|1|2C|G|2|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@$I|11|J|12|K|L]]|9|@$I|13|J|14|1|15]|$I|16|J|17|1|18]|$I|19|J|1A|1|1B]]|A|$]]|$1|M|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]|W|$5|P|Q|R|A|$S|X]]]]

Try:

<pre><code>if (_checkbox.addEventListener) {
 _checkbox.addEventListener("click", setCheckedValues, false);
}
else {
 _checkbox.attachEvent("onclick", setCheckedValues);
}
</code></pre>

Update::
For Internet Explorer versions prior to IE9, <a href="https://msdn.microsoft.com/en-us/library/ms536343%28VS.85%29.aspx" rel="noreferrer">attachEvent</a> method should be used to register the specified listener to the <a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget" rel="noreferrer">EventTarget</a> it is called on, for others <a href="https://developer.mozilla.org/en/docs/Web/API/EventTarget.addEventListener" rel="noreferrer">addEventListener</a> should be used.

blocks|key|2897675|text|如果您将事件处理委托给另一个元素，例如您的表，可能会更容易(并且有更好的性能|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2897676|$('idOfYourTable').on("click",+"input:checkbox",+function(){

});|code-block|syntax|javascript|2897677|这样，您将只有一个事件处理程序，这也适用于新添加的元素。这需要jQuery+>=+1.7|2897678|否则使用delegate()|2897679|$('idOfYourTable').delegate("input:checkbox",+"click",+function(){

});|2897680|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Mayb it's easier (and has more performance) if you delegate the event handling to another element, for example your table

<pre><code>$('idOfYourTable').on("click", "input:checkbox", function(){

});
</code></pre>

in this way you will have only one event handler, and this will work also for newly added elements. This requires jQuery >= 1.7

Otherwise use delegate()

<pre><code>$('idOfYourTable').delegate("input:checkbox", "click", function(){

});
</code></pre>

blocks|key|235672|text|IE在版本9之前不支持addEventListener，所以你必须使用attachEvent，下面是一个例子：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|235673|if+(!someElement.addEventListener)+{
++++_checkbox.attachEvent("onclick",+setCheckedValues);
}
else+{
++++_checkbox.addEventListener("click",+setCheckedValues,+false);
}|code-block|syntax|javascript|235674|entityMap^0|B|G|Z|B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

IE doesn't support <code>addEventListener</code> until version 9, so you have to use <code>attachEvent</code>, here's an example:

<pre><code>if (!someElement.addEventListener) {
 _checkbox.attachEvent("onclick", setCheckedValues);
}
else {
 _checkbox.addEventListener("click", setCheckedValues, false);
}
</code></pre>

blocks|key|3111863|text|这也是一个简单的跨浏览器解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3111864|var+addEvent+=++window.attachEvent%7C%7Cwindow.addEventListener;
var+event+=+window.attachEvent+?+'onclick'+:+'click';
addEvent(event,+function(){
++++alert('Hello!')
});|code-block|syntax|javascript|3111865|而不是“click”，当然可以是任何事件。|3111866|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is also simple crossbrowser solution:

<pre><code>var addEvent = window.attachEvent||window.addEventListener;
var event = window.attachEvent ? 'onclick' : 'click';
addEvent(event, function(){
 alert('Hello!')
});
</code></pre>

Instead of 'click' can be any event of course.

blocks|key|3111874|text|您可以使用下面的addEvent()函数为大多数事情添加事件，但请注意，对于XMLHttpRequest，if+(el.attachEvent)在IE8中将失败，因为它不支持XMLHttpRequest.attachEvent()，因此您必须使用XMLHttpRequest.onload+=+function()+{}。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3111875|function+addEvent(el,+e,+f)+{
++++if+(el.attachEvent)+{
++++++++return+el.attachEvent('on'%2Be,+f);
++++}
++++else+{
++++++++return+el.addEventListener(e,+f,+false);
++++}
}

var+ajax+=+new+XMLHttpRequest();
ajax.onload+=+function(e)+{
}|code-block|syntax|javascript|3111876|entityMap^0|1H|J|2F|S|3F|11|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

You can use the below addEvent() function to add events for most things but note that for XMLHttpRequest <code>if (el.attachEvent)</code> will fail in IE8, because it doesn't support <code>XMLHttpRequest.attachEvent()</code> so you have to use <code>XMLHttpRequest.onload = function() {}</code> instead.

<pre><code>function addEvent(el, e, f) {
 if (el.attachEvent) {
 return el.attachEvent('on'+e, f);
 }
 else {
 return el.addEventListener(e, f, false);
 }
}

var ajax = new XMLHttpRequest();
ajax.onload = function(e) {
}
</code></pre>

blocks|key|234578|text|基于上面的答案，我选择了快速填充：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|234579|//#+Polyfill
window.addEventListener+=+window.addEventListener+%7C%7C+function+(e,+f)+{+window.attachEvent('on'+%2B+e,+f);+};

//#+Standard+usage
window.addEventListener("message",+function(){+/*...*/+},+false);|code-block|syntax|javascript|234580|当然，像上面的答案一样，这并不能确保window.attachEvent的存在，这可能是一个问题，也可能不是问题。|offset|length|style|CODE|234581|entityMap^0|0|0|I|I|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I've opted for a quick Polyfill based on the above answers:

<pre><code>//# Polyfill
window.addEventListener = window.addEventListener || function (e, f) { window.attachEvent('on' + e, f); };

//# Standard usage
window.addEventListener("message", function(){ /*...*/ }, false);
</code></pre>

Of course, like the answers above this doesn't ensure that <code>window.attachEvent</code> exists, which may or may not be an issue.

blocks|key|2897757|text|if+(document.addEventListener)+{
++++document.addEventListener("click",+attachEvent,+false);
}
else+{
++++document.attachEvent("onclick",+attachEvent);
}
function+attachEvent(ev)+{
++++var+target+=+ev.target+%7C%7C+ev.srcElement;
++++//+custom+code
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2897758|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>if (document.addEventListener) {
 document.addEventListener("click", attachEvent, false);
}
else {
 document.attachEvent("onclick", attachEvent);
}
function attachEvent(ev) {
 var target = ev.target || ev.srcElement;
 // custom code
}
</code></pre>

I have created a checkbox dynamically. I have used <code>addEventListener</code> to call a function on click of the checkbox, which works in Google Chrome and Firefox but doesn't work in Internet Explorer 8. This is my code:

<pre><code>var _checkbox = document.createElement("input");
_checkbox.addEventListener("click", setCheckedValues, false);
</code></pre>

<code>setCheckedValues</code> is my event handler.

addEventListener not working in IE8

jQuery

我已经动态创建了一个复选框。我曾使用addEventListener在点击复选框时调用函数，这在谷歌浏览器和火狐浏览器中都有效，但在Internet Explorer8中不起作用。这是我的代码：var _checkbox = document.createElement("input");_checkbox.addEv...

问addEventListener在IE8中不起作用
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问addEventListener在IE8中不起作用EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问addEventListener在IE8中不起作用
EN