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


Posted in Javascript onJune 01, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
javascript中的有名函数和无名函数
Oct 17 Javascript
根据鼠标的位置动态的控制层的位置
Nov 24 Javascript
function foo的原型与prototype属性解惑
Nov 19 Javascript
一个挺有意思的Javascript小问题说明
Sep 26 Javascript
js闭包的用途详解
Nov 09 Javascript
Jquery attr()方法 属性赋值和属性获取详解
Apr 15 Javascript
深入理解逻辑表达式的用法 与或非的用法
Jun 06 Javascript
浅析JS获取url中的参数实例代码
Jun 14 Javascript
AngularJS 控制器 controller的详解
Oct 17 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
Dec 08 Javascript
教你完全理解ReentrantLock重入锁
Jun 03 Javascript
Vue中 axios delete请求参数操作
Aug 25 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
Jun 01 #Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
Jun 01 #Javascript
JavaScript实现的简单拖拽效果
Jun 01 #Javascript
一看就懂:jsonp详解
Jun 01 #Javascript
JS数组array元素的添加和删除方法代码实例
Jun 01 #Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 #Javascript
window.onload与$(document).ready()的区别分析
May 30 #Javascript
You might like
解析php php_openssl.dll的作用
2013/07/01 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
php的sprintf函数的用法 控制浮点数格式
2014/02/14 PHP
PHP实现的增强性mhash函数
2015/05/27 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
深入理解 PHP7 中全新的 zval 容器和引用计数机制
2018/10/15 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
JavaScript中Date.toSource()方法的使用教程
2015/06/12 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
javaScript事件机制兼容【详细整理】
2016/07/23 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
详解vue-cli中配置sass
2017/06/21 Javascript
layui实现table加载的示例代码
2018/08/14 Javascript
layui实现数据表格自定义数据项
2019/10/26 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
JS实现电脑虚拟键盘打字测试
2020/06/24 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python使用xmlrpclib模块实现对百度google的ping功能
2015/06/02 Python
python 写的一个爬虫程序源码
2016/02/28 Python
python 开发的三种运行模式详细介绍
2017/01/18 Python
Python获取当前路径实现代码
2017/05/08 Python
python django下载大的csv文件实现方法分析
2019/07/19 Python
Python进程,多进程,获取进程id,给子进程传递参数操作示例
2019/10/11 Python
Python读取配置文件(config.ini)以及写入配置文件
2020/04/08 Python
英国精品买手店:Browns Fashion
2016/09/29 全球购物
电工工作职责范本
2014/02/22 职场文书
法律进机关实施方案
2014/03/12 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
2016暑期政治学习心得体会
2016/01/23 职场文书