请问怎么使用JavaScript将事件处理程序添加到HTML元素
我想将一个事件处理程序添加到一个段落中，以供任何用户单击它时使用。例如，我有一个段落，当用户单击它时会显示一个警报，但是在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;
白猪掌柜的浏览 238回答 3
3回答
-
慕森卡
您可以添加事件侦听器。嗯 像这样： 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> -
长风秋雁
为了适应大多数情况，您可以编写一个函数来处理此问题：var bindEvent = function(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else { element.attachEvent('on'+type, handler); }}
随时随地看视频慕课网APP
相关分类
JavaScript