JavaScript使用addEventListener添加事件监听用法实例
编程学习 2021-07-04 21:48www.dzhlxh.cn编程入门
这篇文章主要介绍了JavaScript使用addEventListener添加事件监听的方法,实例分析了addEventListener方法的相关使用技巧,需要的朋友可以参考下
本文实例讲述了JavaScript使用addEventListener添加事件监听用法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE html>
<html lang="en">
<head>
<title>This text is the title of the document</title>
<script>
function showalert(){
alert('you clicked me!');
}
function clickme(){
var pelement=document.getElementsByTagName('p')[0];
pelement.addEventListener('click', showalert, false);
}
window.addEventListener('load', clickme, false);
</script>
</head>
<body>
<div id="main">
<p>Click Me</p>
<p>You Can't Click Me</p>
</div>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。