使用JavaScript将事件处理程序添加到HTML元素

小编典典

使用JavaScript将事件处理程序添加到HTML元素

javascript

我想将一个事件处理程序添加到一个段落中，以供任何用户单击它时使用。例如，我有一个段落，当用户单击它时会显示一个警报，但是在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;

阅读 253

2020-05-01

共1个答案

小编典典

您可以添加事件侦听器。
嗯像这样：

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

完整代码（已在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>

2020-05-01