事件处理程序等效事件侦听器

我有事件侦听器这样的：事件处理程序等效事件侦听器

document.getElementById("A").addEventListener("change", function (e) { 
    // do something with e parameter when A change 
}, false) 

document.getElementById("B").addEventListener("click", function (e) { 
    // do something with e parameter when B click 
}, false)

我有2个问题：

我应该怎么写它在事件处理程序的版本？
我应该怎么称呼它？

这应该是有的母牛这样的：

<script type="text/javascript"> 
    function [this is question number 1] 
    { 
    // do something with e parameter when A change 
    } 
    function [this is question number 1] 
    { 
    // do something with e parameter when B click 
    } 
</script> 

<div id="A" change="[this is question number 2]"></div> 
<div id="B" click="[this isquestion number 2]"></div>

问候，

DAV

来源

2013-10-24 Aditya

1.你不应该，2.你不应该。 – CBroe

目前还不清楚你在问什么。 – jfriend00

对不起，上传不清楚的问题。我需要的只是该事件监听器的事件处理程序版本。我想将该代码（从事件侦听器）更改为事件处理程序。 – Aditya

你可以这样做：

<script type="text/javascript"> 
    function question1a(e) 
    { 
     // do something with e parameter when A change 
    } 
    function question1b(e) 
    { 
     // do something with e parameter when B click 
    } 
</script> 

<div id="A" onChange="question1a(event)"></div> 
<div id="B" onClick="question1b(event)"></div>

您这里有一个例子： JSFiddle

事件处理程序类似于事件侦听器。这只是您自己版本的内联版本。根据您的目的，由于缺乏性能和HTML可维护性，因此不推荐这样做。

你可以阅读这篇文章：http://robertnyman.com/2008/11/20/why-inline-css-and-javascript-code-is-such-a-bad-thing/

希望它能帮助！

Regards

来源

2013-10-24 10:00:22 JulCh

谢谢。我会记住最佳做法。 – Aditya

事件处理程序等效事件侦听器

回答

相关问题