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创建自定义表格具体实现
Feb 11 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 Javascript
ExpressJS入门实例
Jan 14 Javascript
JavaScript针对网页节点的增删改查用法实例
Feb 02 Javascript
深入剖析javascript中的exec与match方法
May 18 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
JavaScript实现简单的文本逐字打印效果示例
Apr 12 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
Vue是怎么渲染template内的标签内容的
Jun 05 Javascript
Vue中watch、computed、updated三者的区别及用法
Jul 27 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 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进行MySQL删除记录操作代码
2008/06/07 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
Thinkphp5.0框架视图view的循环标签用法示例
2019/10/12 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
asp 取文本框名称代码
2008/12/02 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
基于JS对象创建常用方式及原理分析
2017/06/28 Javascript
Vue简单实现原理详解
2020/05/07 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
vue-resource 拦截器interceptors使用详解
2021/01/18 Vue.js
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
Python中的多重装饰器
2015/04/11 Python
Python的re模块正则表达式操作
2016/05/25 Python
查看django版本的方法分享
2018/05/14 Python
对python list 遍历删除的正确方法详解
2018/06/29 Python
Python socket实现多对多全双工通信的方法
2019/02/13 Python
Python如何使用Gitlab API实现批量的合并分支
2019/11/27 Python
Pandas-Cookbook 时间戳处理方式
2019/12/07 Python
pytorch程序异常后删除占用的显存操作
2020/01/13 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
html5声频audio和视频video等新特性详细说明
2012/12/26 HTML / CSS
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
前台文员岗位职责
2013/12/28 职场文书
员工拾金不昧表扬信
2014/01/09 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
《颐和园》教学反思
2016/02/19 职场文书
nginx基于域名,端口,不同IP的虚拟主机设置的实现
2021/03/31 Servers
SpringBoot生成License的实现示例
2021/06/16 Java/Android
简单聊聊Golang中defer预计算参数
2022/03/25 Golang
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python