javascript - 相当于事件监听器的事件处理程序

Question

我有这样的事件监听器：

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)

我有两个问题：

1. 我应该如何在事件处理程序版本中编写它？
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>

问候，

达夫

Answer 1

你可以这样做：

<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/

希望能帮助到你 ！

问候