使用javascript將事件處理程序添加到HTML元素

Question

我希望在任何用戶點擊它時為段落添加事件處理程序。 例如，我有一個段落，當用戶點擊它時會顯示警告，但不在HTML上使用“onclick”。

 <p id="p1">This is paragraph Click here..</p>
 <a href="http://www.google.com" id="link1" >test</a>
 document.getElementById('p1').onmouseover  = paragraphHTML;

Answer 1

您可以添加事件偵聽器。
水木清華。 像這樣：

 var el = document.getElementById("p1");
if (el.addEventListener) {
        el.addEventListener("click", yourFunction, false);
    } else {
        el.attachEvent('onclick', yourFunction);
    }

（感謝@Reorx）

這里解釋

完整代碼（在Chrome和IE7中測試）：

<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
        <script type="text/javascript">
            window.onload =function (){
            var el = document.getElementById("p1");
            if (el.addEventListener) {
                el.addEventListener("click", yourFunction, false);
            } else {
                el.attachEvent('onclick', yourFunction);
            }
            };
            function yourFunction(){
                alert("test");
            }
        </script>
    </head>
    <body>
        <p id="p1">test</p>

    </body>
</html>

Answer 2

為了適應大多數情況，您可以編寫一個函數來處理：

var bindEvent = function(element, type, handler) {
    if (element.addEventListener) {
        element.addEventListener(type, handler, false);
    } else {
        element.attachEvent('on'+type, handler);
    }
}

Answer 3

將tabIndex屬性添加到p元素，然后可以使用onfocus函數。

演示： http ： //jsfiddle.net/9y7CL/

使用javascript將事件處理程序添加到HTML元素

問題描述

3 個解決方案

解決方案1
24 已采納 2012-03-21 07:39:14

解決方案2
6 2012-03-21 07:47:31

解決方案3
1 2012-03-21 08:10:11

使用javascript將事件處理程序添加到HTML元素

問題描述

3 個解決方案

解決方案1 24 已采納 2012-03-21 07:39:14

解決方案2 6 2012-03-21 07:47:31

解決方案3 1 2012-03-21 08:10:11

解決方案1
24 已采納 2012-03-21 07:39:14

解決方案2
6 2012-03-21 07:47:31

解決方案3
1 2012-03-21 08:10:11