gpt4 book ai didi

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

转载 作者:可可西里 更新时间:2023-11-01 02:29:33 25 4
gpt4 key购买 nike

我想在任何用户点击段落时向段落添加事件处理程序。例如,我有一个段落,当用户单击它时会显示一个警报,但没有在 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;

最佳答案

您可以添加事件监听器。
…像这样:

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

(感谢@Reorx)

Explanation Here

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

关于javascript - 使用 javascript 将事件处理程序添加到 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9800310/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com