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 相关文章推荐
JS getMonth()日期函数的值域是0-11
Feb 15 Javascript
关于javascript DOM事件模型的两件事
Jul 22 Javascript
javascript间隔刷新的简单实例
Nov 14 Javascript
JS正则表达式获取分组内容的方法详解
Nov 15 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
window.open()实现post传递参数
Mar 12 Javascript
javascript基本算法汇总
Mar 09 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
Jun 20 Javascript
bootstrap模态框消失问题的解决方法
Dec 02 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
Jan 03 Javascript
js字符串与Unicode编码互相转换
May 17 Javascript
javascript帧动画(实例讲解)
Sep 02 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 向访客和爬虫显示不同的内容
2009/11/09 PHP
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
谷歌音乐搜索栏的提示功能php修正代码
2011/05/09 PHP
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
php清空(删除)指定目录下的文件,不删除目录文件夹的实现代码
2014/09/04 PHP
php中常量DIRECTORY_SEPARATOR用法深入分析
2014/11/14 PHP
PHP生成压缩文件实例
2015/02/07 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
js字符串日期yyyy-MM-dd转化为date示例代码
2014/03/06 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
2014/05/28 Javascript
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
AngularJs验证重复密码的方法(两种)
2016/11/25 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
vue-cli3 配置开发与测试环境详解
2019/05/17 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
2021/01/08 Vue.js
用实例说明python的*args和**kwargs用法
2013/11/01 Python
python实现超简单端口转发的方法
2015/03/13 Python
从Python程序中访问Java类的简单示例
2015/04/20 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
Python实现Logger打印功能的方法详解
2017/09/01 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
python 进程 进程池 进程间通信实现解析
2019/08/23 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
计算机专业个人求职自荐信
2013/09/21 职场文书
美发活动策划书
2014/01/14 职场文书
拓展策划方案
2014/06/03 职场文书
个人先进事迹总结
2015/02/26 职场文书
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python
python关于集合的知识案例详解
2021/05/30 Python
能让Python提速超40倍的神器Cython详解
2021/06/24 Python