我想将一个事件处理程序添加到一个段落中，以供任何用户单击它时使用。例如，我有一个段落，当用户单击它时会显示一个警报，但是在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 回答
慕森卡
TA贡献1806条经验 获得超8个赞
您可以添加事件侦听器。
嗯 像这样：
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>
长风秋雁
TA贡献1757条经验 获得超7个赞
为了适应大多数情况，您可以编写一个函数来处理此问题：
var bindEvent = function(element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else {
element.attachEvent('on'+type, handler);
}
}
添加回答
举报
0/150
提交
取消