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)

我有两个问题：

我应该如何在事件处理程序版本中编写它？
我该怎么称呼它？

应该像这样的一些人：

<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

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/

希望它有所帮助！

此致

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

1 个答案: