-
addEventListener和普通.onclick的区别3
document.getElementById("abc");addEventListener("click",method1,false)和document.getElementById("abc").onclick有什么区别？2011年2月11日 09:52
添加评论
关注(1)1个答案 按时间排序 按投票排序
-
采纳的答案
addEventListener是在 FireFox 上的用法。
addEventListener的参数一共有三个，语法为：
element.addEventListener(type,listener,useCapture)
详解
其中element是要绑定函数的对象。
type是事件名称，要注意的是"onclick"要改为"click","onblur"要改为"blur",也就是说事件名不要带"on"。
listener当然就是绑定的函数了，记住不要跟括号
最后一个参数是个布尔值，表示该事件的响应顺序,下面重点介绍一下addEventListener的第3个参数(useCapture)。
userCapture若为true,则浏览器采用Capture,若为false则采用bubbing方式。建议用false
区别：var btn1Obj = document.getElementById("btn1"); //element.addEventListener(type,listener,useCapture); btn1Obj.addEventListener("click",method1,false); btn1Obj.addEventListener("click",method2,false); btn1Obj.addEventListener("click",method3,false);执行顺序为method1->method2->method3
document.getElementById("btn").onclick = method1; document.getElementById("btn").onclick = method2; document.getElementById("btn").onclick = method3;如果这样写,那么将会只有medhot3被执行
2011年2月11日 11:20
相关推荐
在场景上创建一个名为`btn`的影片剪辑（MC），并为其添加点击事件监听器，以在全屏模式和普通模式之间切换。以下代码展示了这一过程： ```as var isFull:Boolean = false; btn.addEventListener(MouseEvent.CLICK, ...
下面将详细介绍箭头函数的语法、注意事项以及其与传统函数的区别。 ### 1. 箭头函数的语法 #### 1.1 单参数的简洁形式 如果只有一个参数，可以省略括号： ```javascript var single = a => a; ``` 调用`single('...
##### 3.1 改变普通元素内容 - `innerText`: 不识别HTML标签，去除空格和换行。 - `innerHTML`: 识别HTML标签，保留空格和换行。 **示例代码**: ```javascript var element = document.getElementById('content'); ...
易语言是一种专为中国用户设计的、具有图形化编程界面的编程语言，旨在降低编程门槛，让普通用户也能参与到软件开发中来。而HTML（HyperText Markup Language）则是网页设计的基础，用于构建和呈现网页内容。将这...
由于JavaScript的函数是一等公民，可以作为变量传递、作为对象的属性，也可以被其它函数作为参数传递，因此`this`的指向是动态变化的，这也是它与许多其他面向对象编程语言中的`this`用法最显著的区别。 首先，`...
WebSocket是一种在客户端和服务器之间建立长连接的协议，它提供了双向通信的能力，即服务器和客户端都可以主动发送数据。WebSocket协议的出现解决了HTTP协议在实时性上的不足，它基于TCP连接，通过一次“握手”...
不过，直接修改注册表可能会带来安全风险，因此一般不推荐普通用户进行此类操作，而是建议通过脚本或插件方式实现。 总结来说，网页添加右键菜单涉及到前端开发中的事件监听、DOM操作以及可能的浏览器扩展或插件...
在Vue中，应当使用普通函数来定义方法和生命周期钩子，以确保this指向组件实例。 9. React中可以使用箭头函数 与Vue不同的是，在React中使用箭头函数通常没有问题，特别是在事件处理函数中。这是因为React组件可以...
document.addEventListener('click', ev => { console.log(ev); }); ``` 7. **作为数组排序回调**： 在数组排序中，箭头函数同样适用。例如： ```javascript var arr = [1, 9, 2, 4, 3, 8].sort((a, b) => { ...
当编辑完成并失去焦点时，输入框将被替换回普通文本。 综上所述，通过JavaScript实现添加和删除表格行以及双击变文本框的功能需要综合运用DOM操作方法、事件处理和元素的属性修改。这些技术的熟练运用，将使得Web...
`showModalDialog()` 和 `showModelessDialog()` 方法主要用于创建对话框式的窗口，它们与普通窗口有所不同，具有更多的限制和特定的功能。 **2.2.1 `showModalDialog()`** - **特点**：模态对话框始终保持焦点，...
实例4说明了在不同的浏览器中，如何使用addEventListener和attachEvent来添加事件监听器，并通过call方法设置正确的this指向。 ```html window.onload = function() { var hi = document.getElementById('hi');...
SignalsJS SignalsJS是的端口。 。关于信号是轻量级，强类型的... addEventListener ( "click" , onClick ) ;// Signal equivalent; past tense is recommendedbutton . clicked . add ( onClicked ) ; 安装您可以使用
普通的DOM事件处理包括在HTML元素上直接添加事件监听器，如`<a onclick="alert(1)">测试</a>`，或通过JavaScript动态绑定，如`document.getElementById('a').onclick = function() {alert(1)}`，以及W3C推荐的`...
而`type="button"`则是一个普通按钮，不会触发表单的提交或重置行为，常用于自定义操作。 其次，按钮的样式调整是至关重要的。我们可以通过CSS来改变按钮的外观，例如设置`width`、`height`、`background-color`、`...
由于事件处理函数是以普通函数的形式被调用的，因此`this`默认指向全局对象（浏览器环境下为`window`）。若想获取触发事件的DOM元素，可以使用事件对象的`target`属性或`event.currentTarget`属性。 ##### 3. 使用...
总结来说，本文详细阐述了JavaScript中事件绑定的多种方式，以及事件冒泡和事件捕获的原理和区别，同时也指出了事件流的概念和在实际应用中的注意事项。掌握这些知识点对于进行前端开发，尤其是在处理复杂的用户交互...
此外，`<input type="button">`和`<input type="submit">`也是创建按钮的常见方式，它们各有不同的用途：提交按钮通常用于表单，而普通按钮则更多地用于执行脚本操作。 在创建交互式按钮时，我们常常会结合使用HTML...