事件處理程序等效事件偵聽器

我有事件偵聽器這樣的：事件處理程序等效事件偵聽器

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

事件處理程序等效事件偵聽器

回答

相關問題