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 相关文章推荐
setAttribute 与 class冲突解决
Feb 17 Javascript
详解javascript实现瀑布流绝对式布局
Jan 29 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
Mar 24 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 Javascript
使vue实现jQuery调用的两种方法
May 12 jQuery
详解Vue-Router源码分析路由实现原理
May 15 Javascript
jQuery实现轮播图源码
Oct 23 jQuery
vue项目查看vue版本及cli版本的实现方式
Oct 24 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调用三种数据库的方法(2)
2006/10/09 PHP
实现JavaScript中继承的三种方式
2009/10/16 Javascript
js 通用javascript函数库整理
2011/08/14 Javascript
SwfUpload在IE10上不出现上传按钮的解决方法
2013/06/25 Javascript
jQuery满意度星级评价插件特效代码分享
2015/08/19 Javascript
jquery实现标题字体变换的滑动门菜单效果
2015/09/07 Javascript
javascript实现简易计算器
2017/02/01 Javascript
Vue监听数据对象变化源码
2017/03/09 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
激动人心的 Angular HttpClient的源码解析
2017/07/10 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
2017/12/20 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
2019/03/30 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
vue 查看dist文件里的结构(多种方式)
2020/01/17 Javascript
python中Flask框架简单入门实例
2015/03/21 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
pandas把所有大于0的数设置为1的方法
2019/01/26 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
python smtplib发送多个email联系人的实现
2020/10/09 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
森海塞尔美国官网:Sennheiser耳机与耳麦
2017/07/19 全球购物
苹果台湾官网:Apple台湾
2019/01/05 全球购物
什么是smarty? Smarty的优点是什么?
2013/08/11 面试题
介绍一下JMS编程步骤
2015/09/22 面试题
八年级音乐教学反思
2014/01/09 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
消防安全责任书
2014/04/14 职场文书
说明书格式及范文
2014/05/07 职场文书
设计大赛策划方案
2014/06/13 职场文书
2015年计划生育协会工作总结
2015/05/13 职场文书
儿童诗两首教学反思
2016/02/23 职场文书
goland 恢复已更改文件的操作
2021/04/28 Golang
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis