JavaScript使用addEventListener添加事件监听用法实例

2024-05-06 16:21:05

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了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>