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 相关文章推荐
彪哥1.1(智能表格)提供下载
Sep 07 Javascript
YUI的Tab切换实现代码
Apr 11 Javascript
浅谈JavaScript Math和Number对象
Jan 26 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
JS简单判断滚动条的滚动方向实现方法
Apr 28 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
js模块加载方式浅析
Aug 12 Javascript
js实现导航跟随效果
Nov 17 Javascript
在layui.use 中自定义 function 的正确方法
Sep 16 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
Dec 07 Javascript
webpack+express实现文件精确缓存的示例代码
Jun 11 Javascript
原生JavaScript实现轮播图
Jan 10 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中call_user_func_array的作用
2013/06/07 PHP
PHP多进程简单实例小结
2019/11/09 PHP
javascript import css实例代码
2008/07/18 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
2014/04/25 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
jQuery中的基本选择器用法学习教程
2016/04/14 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
Vue2.0 实现单选互斥的方法
2018/04/13 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
微信小程序新闻网站详情页实例代码
2020/01/10 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
python中使用序列的方法
2015/08/03 Python
Python中列表和元组的相关语句和方法讲解
2015/08/20 Python
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
Python 中迭代器与生成器实例详解
2017/03/29 Python
python 定义给定初值或长度的list方法
2018/06/23 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
大学专科生推荐信范文
2013/11/23 职场文书
网络编辑职责
2014/03/01 职场文书
《第一次抱母亲》教学反思
2014/04/16 职场文书
机关搬迁方案
2014/05/18 职场文书
小学语文教研活动总结
2014/07/01 职场文书
计算机应用专业自荐信
2014/07/05 职场文书
会计学习心得体会
2014/09/09 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
项目经理岗位职责
2015/01/31 职场文书
个人政治思想总结
2015/03/05 职场文书
学会掌握自己命运的十条黄金法则:
2019/08/08 职场文书
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android