JavaScript使用addEventListener添加事件监听用法实例
作者:bea
本文实例讲述了JavaScript使用addEventListener添加事件监听用法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html><html lang="en"><head> <title>This text is the title of the document</title> <script> function showalert(){ alert('you
本文实例讲述了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程序设计有所帮助。
有用 | 无用
<!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程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js中函数声明与函数表达式
- JavaScript基本语法讲解
- 通过实例理解javascript中没有函数重载的概念
- ECMAScript中函数function类型
- JavaScript运算符小结
- 浅谈JavaScript字符串与数组
- 详谈javascript中的cookie
- 使用nodejs开发cli项目实例
- jquery滚动特效集锦
- jQuery实现文本展开收缩特效
- jQuery插件制作之参数用法实例分析
- jQuery插件制作之全局函数用法实例
- javascript实现设置、获取和删除Cookie的方法
- jQuery解析XML文件同时动态增加js文件的方法
- JS实现兼容各浏览器解析XML文档数据的方法
- javascript判断并获取注册表中可信任站点的方法
- js事件监听器用法实例详解
- JavaScript中isPrototypeOf函数作用和使用实例
- JS实现屏蔽shift,Ctrl,alt等功能键的方法