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 获取网页参数系统
Jul 19 Javascript
js实现简单模态窗口,背景灰显
Nov 14 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
Jul 17 Javascript
Web开发之JavaScript
Mar 29 Javascript
基于JQuery 滑动与动画的说明介绍
Apr 18 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
Angularjs单选改为多选的开发过程及问题解析
Feb 17 Javascript
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
用最少的JS代码写出贪吃蛇游戏
Jan 12 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 21 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执行速度全攻略(上)
2006/10/09 PHP
社区(php&amp;&amp;mysql)二
2006/10/09 PHP
Thinkphp将二维数组变为标签适用的一维数组方法总结
2014/10/30 PHP
php批量添加数据与批量更新数据的实现方法
2014/12/16 PHP
iis6+javascript Add an Extension File
2007/06/13 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
2010/06/28 Javascript
jquery下利用jsonp跨域访问实现方法
2010/07/29 Javascript
js 处理URL实用技巧
2010/11/23 Javascript
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
JS动态修改iframe高度和宽度的方法
2015/04/01 Javascript
简介JavaScript中search()方法的使用
2015/06/06 Javascript
JavaScript实现Iterator模式实例分析
2015/06/09 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
JavaScript实现鼠标点击导航栏变色特效
2017/02/08 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
canvas实现钟表效果
2017/02/13 Javascript
javascript 正则表达式分组、断言详解
2017/04/20 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
JS实现的tab页切换效果完整示例
2018/12/18 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
浅析JavaScript预编译和暗示全局变量
2020/09/03 Javascript
详解Vue中Axios封装API接口的思路及方法
2020/10/10 Javascript
Django实现图片文字同时提交的方法
2015/05/26 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
Django框架视图函数设计示例
2019/07/29 Python
Python将字典转换为XML的方法
2020/08/01 Python
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
高中生自我评语大全
2014/01/19 职场文书
违纪检讨书
2015/01/27 职场文书
中秋联欢会主持词
2015/07/04 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书