为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

鸿蒙传说 2019-12-05 15:21:05
我想将一个事件处理程序添加到一个段落中,以供任何用户单击它时使用。例如,我有一个段落,当用户单击它时会显示一个警报,但是在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; 
查看完整描述

3 回答

?
30秒到达战场

TA贡献1828条经验 获得超6个赞

您可以添加事件侦听器。

嗯 像这样:


 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>


查看完整回答
反对 回复 2019-12-05
?
繁花不似锦

TA贡献1851条经验 获得超4个赞

为了适应大多数情况,您可以编写一个函数来处理此问题:


var bindEvent = function(element, type, handler) {

    if (element.addEventListener) {

        element.addEventListener(type, handler, false);

    } else {

        element.attachEvent('on'+type, handler);

    }

}


查看完整回答
反对 回复 2019-12-05
  • 3 回答
  • 0 关注
  • 384 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信