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 相关文章推荐
索趣科技的答案
Feb 07 Javascript
jquery 注意事项与常用语法小结
Jun 07 Javascript
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
Feb 03 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
Mar 26 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
Feb 27 Javascript
jQuery自适应轮播图插件Swiper用法示例
Aug 24 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
vue项目中axios使用详解
Feb 07 Javascript
浅析vue.js数组的变异方法
Jun 30 Javascript
实现vuex原理的示例
Oct 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
《星际争霸重制版》兵种对比图鉴
2020/03/02 星际争霸
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
PHP实现简单登录界面
2019/10/23 PHP
键盘 keycode的值 javascript时触发事件时很有用的要素
2009/11/02 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
JavaScript File分段上传
2016/03/10 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
2016/04/18 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
2016/05/25 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
2016/11/23 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
2017/09/19 jQuery
vue-router 权限控制的示例代码
2017/09/21 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
layui 实现表格某一列显示图标
2019/09/19 Javascript
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
[02:15]2014DOTA2国际邀请赛 赛后退役选手回顾
2014/08/01 DOTA
python字符串对其居中显示的方法
2015/07/11 Python
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
Python同步遍历多个列表的示例
2019/02/19 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
python进程间通信Queue工作过程详解
2019/11/01 Python
解决keras backend 越跑越慢问题
2020/06/18 Python
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
英国领先的珍珠首饰品牌:Orchira
2016/09/11 全球购物
内部类的定义、种类以及优点
2013/10/16 面试题
造型师求职自荐信
2013/09/27 职场文书
英文自我鉴定
2013/12/10 职场文书
员工培训邀请函
2014/01/11 职场文书
简历上的自我评价
2014/02/03 职场文书
《周恩来的四个昼夜》观后思想汇报范文两篇
2014/09/10 职场文书
25句企业管理语录:助你迅速打开思路,句句经典!
2020/01/14 职场文书