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 相关文章推荐
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
一个js控制的导航菜单实例代码
Dec 03 Javascript
js输入框邮箱自动提示功能代码实现
Dec 10 Javascript
在百度知道团队中快速审批新成员的js脚本
Feb 02 Javascript
jquery实现动态操作select选中
Feb 11 Javascript
jquery悬浮提示框完整实例
Jan 13 Javascript
js实现div模拟模态对话框展现URL内容
May 27 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
Jul 08 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
bootstrap PrintThis打印插件使用详解
Feb 20 Javascript
Vue表单验证插件的制作过程
Apr 01 Javascript
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
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
IIS6.0+PHP5.x+MySQL5.x+Zend3.0x+GD+phpMyAdmin2.8x通用安装实例(已经完成)
2006/12/06 PHP
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
PHP查询分页的实现代码
2017/06/09 PHP
PHP日志LOG类定义与用法示例
2018/09/06 PHP
json数据的列循环示例
2013/09/06 Javascript
jquery分页插件jpaginate在IE中不兼容问题
2014/04/22 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
JavaScript对象学习小结
2015/09/02 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
如何用js实现鼠标向上滚动时浮动导航
2016/07/18 Javascript
ionic实现可滑动的tab选项卡切换效果
2020/04/15 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
JavaScript奇技淫巧44招【实用】
2016/12/11 Javascript
Vue中父组件向子组件通信的方法
2017/07/11 Javascript
vue-cli+webpack项目 修改项目名称的方法
2018/02/28 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
JS实现页面跳转与刷新的方法汇总
2019/08/30 Javascript
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
浅谈Python实现Apriori算法介绍
2017/12/20 Python
Python subprocess库的使用详解
2018/10/26 Python
使用Python制作新型冠状病毒实时疫情图
2020/01/28 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
Python接口测试文件上传实例解析
2020/05/22 Python
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
英国豪华针织品牌John Smedley的在线销售商:The Outlet by John Smedley
2018/04/08 全球购物
宿舍打麻将检讨书
2014/01/24 职场文书
户外拓展活动方案
2014/02/11 职场文书
学雷锋演讲稿
2014/03/04 职场文书
实习报告评语
2014/04/26 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
护士求职信
2014/07/05 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书
pytorch加载预训练模型与自己模型不匹配的解决方案
2021/05/13 Python
python读取并查看npz/npy文件数据以及数据显示方法
2022/04/14 Python
MySQL数据库之存储过程 procedure
2022/06/16 MySQL