JavaScript使用addEventListener添加事件监听用法实例

 　　本文实例讲述了JavaScript使用addEventListener添加事件监听用法。分享给大家供大家参考。具体实现方法如下：

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<!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程序设计有所帮助。

时间： 2024-09-17 03:31:28

JavaScript使用addEventListener添加事件监听用法实例的相关文章

JavaScript使用addEventListener添加事件监听用法实例_javascript技巧

本文实例讲述了JavaScript使用addEventListener添加事件监听用法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html lang="en"> <head> <title>This text is the title of the document</title> <script> function showalert(){ alert('you clicked

在左侧侧拉栏目中对控件添加事件监听，但点击后没有反应，为什么呢？

问题描述 在左侧侧拉栏目中对控件添加事件监听,但点击后没有反应,为什么呢? public class LeftMenuFragment extends BaseFragment { private ImageView headimage; private String id; @Override public View initView(LayoutInflater inflater) { View view = inflater.inflate(R.layout.left_menu, null

Android开发之button事件监听简单实例_Android

本文实例讲述了Android开发之button事件监听用法.分享给大家供大家参考.具体如下: 事件监听的listener,有以下几种方式: 1.声明一个普通的class,实现OnClickListener接口,然后在button的setOnClickListener中new该类的一个对象. 2.使用匿名内部类,直接 btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { S

Java添加事件监听的四种方法代码实例_java

Java添加事件的几种方式(转载了codebrother的文章,做了稍微的改动): /** * Java事件监听处理--自身类实现ActionListener接口,作为事件监听器 * * @author codebrother */ class EventListener1 extends JFrame implements ActionListener { private JButton btBlue, btDialog; public EventListener1() { setTitle(

Javascript添加监听与删除监听用法详解

 js中事件监听就是利用addEventListener来绑定一个事件,这个用法在jquery中非常常用并且简单,但在原生js中比较复杂,这里整理了addEventListener事件各方法的测试与例子供大家参考学习. 在前两天做播放器的时候添加监听后删除监听遇到了一点麻烦,删不掉,后来看了一下才发现,参数需要完全对应,什么叫完全对应呢,换句话说: 代码如下: $('.video')[0].addEventListener('timeupdate', currentTimeHandler, tr

js 的 load 事件监听问题及事件监听的添加移除实例

当我在 html 页面里写入 js ,绑定 load 事件的时候: window.addEventListener("load", test, false);function test(){console.log("test");} 这个时候是可以正常调用 test 函数的.但是当我结合 requirejs 把事件监听放在外部引入的 js 文件里,就没办法正常监听了,求解决办法及原因 回复: 引入你这个 js 之前页面就已经 load 完毕了,解决办法就是先判断页面

javascript支持匿名函数的事件监听封装

关于js中的事件监听大家用的比较多了,无非是判断浏览器是否支持addEventListener和attachEvent,网上搜索关于事件监听的方法也挺多,但是总有些不是很完善.下面的方法中对于添加事件监听的方法是一样的,只不过在取消事件绑定上面做了点手术,现在可以支持匿名函数的使用,所以在绑定事件的时候不再需要给函数单独命名了. 先看demo:    代码如下 复制代码 <!DOCTYPE html> <html> <head profile="http://www

jQuery绑定事件监听bind和移除事件监听unbind用法实例详解_jquery

本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法.分享给大家供大家参考,具体如下: 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除,unbind(eventType,Listener), 实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w

JavaScript绑定事件监听函数的通用方法_javascript技巧

事件绑定的3中常用方法:传统绑定.W3C绑定方法.IE绑定方法.但是,在实际开发中对于我们来讲重要的是需要一个通用的.跨浏览器的绑定方法.如果我们在互联网上搜索一下会发现许多方法,以下是比较知名的几种方法: 在开始学期下面几种方法之前,应当讨论一下,一个好的addEvent()方法应当达到哪些要求: a.支持同一元素的同一事件句柄可以绑定多个监听函数: b.如果在同一元素的同一事件句柄上多次注册同一函数,那么第一次注册后的所有注册都被忽略: c.函数体内的this指向的应当是正在处理事件的节点(