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 相关文章推荐
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
Jun 09 Javascript
node.js中的http.response.writeHead方法使用说明
Dec 14 Javascript
JS限制文本框只能输入数字和字母方法
Feb 28 Javascript
JS制作简单的三级联动
Mar 18 Javascript
JavaScript数组的一些奇葩行为
Jan 25 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
May 13 Javascript
Node批量爬取头条视频并保存方法
Sep 20 Javascript
微信小程序与后台PHP交互的方法实例分析
Dec 10 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
解决在layer.open中使用时间控件laydate失败的问题
Sep 11 Javascript
微信小程序canvas分享海报功能
Oct 31 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脚本的10个技巧(5)
2006/10/09 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
JS cookie中文乱码解决方法
2014/01/28 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
js判断是否是手机页面
2017/03/17 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
2017/08/29 jQuery
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
node.js express框架简介与实现
2019/07/23 Javascript
vue 自动化路由实现代码
2019/09/03 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
2020/04/08 Javascript
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
Python模块学习 filecmp 文件比较
2012/08/27 Python
总结Python编程中三条常用的技巧
2015/05/11 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
基于pytorch的保存和加载模型参数的方法
2019/08/17 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
Pandas的数据过滤实现
2021/01/15 Python
canvas裁剪clip()函数的具体使用
2018/03/01 HTML / CSS
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
英国高街奥特莱斯:Highstreet Outlet
2019/11/21 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
幼儿园新学期寄语
2014/01/18 职场文书
老师的检讨书
2014/02/23 职场文书
2014年勤工助学工作总结
2014/11/24 职场文书
旷工辞退通知书
2015/04/17 职场文书
工作证明书
2015/06/15 职场文书
详解nodejs内置模块
2021/05/06 NodeJs