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 相关文章推荐
IE autocomplete internet explorer's autocomplete
Jun 30 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
浅谈EasyUI中编辑treegrid的方法
Mar 01 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
微信小程序 保留小数(toFixed)详细介绍
Nov 16 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
angularjs $http实现form表单提交示例
Jun 09 Javascript
switchery按钮的使用方法
Dec 18 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
深入解析vue 源码目录及构建过程分析
Apr 24 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
Sep 17 Javascript
在vue中把含有html标签转为html渲染页面的实例
Oct 28 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
合作指挥官:孟斯克
2020/03/16 星际争霸
PHP配置心得包含MYSQL5乱码解决
2006/11/20 PHP
php adodb连接不同数据库
2009/03/19 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
php获取手机端的号码以及ip地址实例代码
2018/09/12 PHP
PHP基于curl实现模拟微信浏览器打开微信链接的方法示例
2019/02/15 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
jQuery操作select的实例代码
2012/06/14 Javascript
jQuery中parentsUntil()方法用法实例
2015/01/07 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
js实现HashTable(哈希表)的实例分析
2016/11/21 Javascript
js实现日历的简单算法
2017/01/24 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
2017/04/22 Javascript
react native仿微信PopupWindow效果的实例代码
2017/08/07 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
JS改变页面颜色源码分享
2018/02/24 Javascript
vue+iview/elementUi实现城市多选
2019/03/28 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
2019/09/20 Javascript
win7上python2.7连接mysql数据库的方法
2017/01/14 Python
Pandas 数据处理,数据清洗详解
2018/07/10 Python
python学生信息管理系统(初级版)
2018/10/17 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
pandas 对group进行聚合的例子
2019/12/27 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
洛杉矶健身中心女性专用运动服饰品牌:Marika
2018/05/09 全球购物
荷兰鞋类购物网站:Donelli
2019/05/24 全球购物
Foot Locker加拿大官网:美国知名运动产品零售商
2019/07/21 全球购物
找工作最新求职信
2013/12/22 职场文书
银行贷款委托书范本
2014/10/11 职场文书
入党申请书怎么写?
2019/06/11 职场文书
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫
Django基础CBV装饰器和中间件
2022/03/22 Python