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 01 Javascript
jquery $.ajax入门应用二
Nov 19 Javascript
Javascript中的异步编程规范Promises/A详细介绍
Jun 06 Javascript
JavaScript Serializer序列化时间处理示例
Jul 31 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 Javascript
jquery中radio checked问题
Mar 16 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
Aug 11 Javascript
js贪吃蛇游戏实现思路和源码
Apr 14 Javascript
vue 1.x 交互实现仿百度下拉列表示例
Oct 21 Javascript
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
Jun 14 Javascript
layui 弹出层回调获取弹出层数据的例子
Sep 02 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 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验证手机号码(支持归属地查询及编码为UTF8)
2013/02/01 PHP
php获取开始与结束日期之间所有日期的方法
2016/11/29 PHP
PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例
2017/06/07 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
2017/06/15 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
Javascript中克隆一个数组的实现代码
2013/12/06 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
使用JavaScript 实现的人脸检测
2015/03/24 Javascript
javascript之Boolean类型对象
2016/06/07 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
jQuery事件委托之Safari
2016/07/05 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
python中int与str互转方法
2018/07/02 Python
python挖矿算力测试程序详解
2019/07/03 Python
Pandas_cum累积计算和rolling滚动计算的用法详解
2019/07/04 Python
Pytorch 实现权重初始化
2019/12/31 Python
探秘TensorFlow 和 NumPy 的 Broadcasting 机制
2020/03/13 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
Pycharm 2020.1 版配置优化的详细教程
2020/08/07 Python
python 利用matplotlib在3D空间中绘制平面的案例
2021/02/06 Python
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
数学教学随笔感言
2014/02/17 职场文书
经典商业广告词
2014/03/13 职场文书
营销团队口号
2014/06/06 职场文书
居委会个人对照检查材料思想汇报
2014/09/29 职场文书
搞笑老公保证书
2015/02/26 职场文书
三下乡个人总结
2015/03/04 职场文书
困难补助申请报告
2015/05/19 职场文书