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 相关文章推荐
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
Jan 27 Javascript
调用innerHTML之后onclick失效问题的解决方法
Jan 28 Javascript
JavaScript数组对象赋值用法实例
Aug 04 Javascript
浅析JavaScript访问对象属性和方法及区别
Nov 16 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
axios向后台传递数组作为参数的方法
Aug 11 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
Apr 23 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
Sep 03 Javascript
JS实现小星星特效
Dec 24 Javascript
微信小程序后端实现授权登录
Feb 24 Javascript
前端vue+elementUI如何实现记住密码功能
Sep 20 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
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
让PHP开发者事半功倍的十大技巧小结
2010/04/20 PHP
php的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
初识ThinkPHP控制器
2016/04/07 PHP
php观察者模式应用场景实例详解
2017/02/03 PHP
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
Javascript 学习书 推荐
2009/06/13 Javascript
Extjs ajax同步请求时post方式参数发送方式
2009/08/05 Javascript
jQuery 表单验证扩展代码(一)
2010/10/11 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
2014/01/14 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
2014/06/15 Javascript
一次围绕setTimeout的前端面试经验分享
2017/06/15 Javascript
Chrome调试折腾记之JS断点调试技巧
2017/09/11 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
2017/09/20 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
[06:25]DOTA2英雄梦之声_第17期_大地之灵
2014/06/20 DOTA
Python实现脚本锁功能(同时只能执行一个脚本)
2017/05/10 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
python的继承知识点总结
2018/12/10 Python
python占位符输入方式实例
2019/05/27 Python
使用python serial 获取所有的串口名称的实例
2019/07/02 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
NEW LOOK官网:英国时装零售巨头之一,快时尚品牌
2017/01/11 全球购物
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
阿玛尼意大利官网:Armani意大利
2018/10/30 全球购物
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
自我评价的正确写法
2013/09/19 职场文书
医护人员英文求职信范文
2013/11/26 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
保研导师推荐信
2015/03/25 职场文书
win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法
2022/04/05 数码科技