`
zhanshenny
  • 浏览: 265008 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js绑定事件监听函数

 
阅读更多
目前,有三种可靠的事件注册方式:传统绑定,IE方式,W3C方式
1. 传统绑定
实例:
document.getElementsByTagName("form")[0].onsubmit = function(e){
  return stopDefault(e);
}

2. Dom绑定(W3C)
document.getElementsByTagName("form")[0].addEventListener('submit',function(e){return stopDefault(e);},false);
事件阶段取决于addEventListener的第三个参数:false(冒泡)或true(捕获)
3. Dom绑定(IE)
document.getElementsByTagName("form")[0].attachEvent('onsubmit',function(){return stopDefault();},);
分享到:
评论

相关推荐

    JavaScript绑定大事监听函数的通用方法_.docx

    绑定大事监听函数是 JavaScript 编程中非常重要的一部分,它们可以帮助开发者更好地处理事件监听函数。一个好的绑定方法可以提高开发效率和代码质量。本文总结了几种常用的绑定方法,并且讨论了它们的优缺,希望可以...

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

    本文将深入探讨JavaScript中事件监听函数的绑定方法,并提供一些在不同浏览器中通用的绑定技术。 首先,事件监听通常可以通过几种不同的方法实现,例如传统绑定方法、W3C标准方法和跨浏览器的方法。然而,为了实现...

    js事件监听机制(事件捕获)总结

    首先,事件监听器可以通过多种方法添加,包括直接在HTML元素上使用内联属性如onclick,或通过JavaScript函数绑定。内联属性方式简单易用,但不推荐用于复杂的项目,因为它将行为与结构混合,不易于维护和管理。而...

    JavaScript为事件句柄绑定监听函数实例详解

    本文实例讲述了JavaScript为事件句柄绑定监听函数的方法。分享给大家供大家参考,具体如下: 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情,但这里也有许多的Bug。各种浏览器对于事件绑定都提供了...

    JavaScript实现为事件句柄绑定监听函数的方法分析

    本文实例讲述了JavaScript实现为事件句柄绑定监听函数的方法。分享给大家供大家参考,具体如下: 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情,但这里也有许多的Bug。各种浏览器对于事件绑定都...

    layui动态绑定事件的方法

    在实际操作中,我们可以通过编写一段JavaScript代码来实现动态绑定事件。先通过jQuery选取需要添加事件监听的元素,然后使用.on()方法绑定事件。对于动态添加的元素,我们同样可以使用.on()方法进行事件委托,将事件...

    事件绑定、事件监听、事件委托.pdf

    事件绑定是指在网页中添加事件监听器的过程,当特定的用户操作发生时,比如点击、鼠标移动、按键操作等,就会触发事先设置好的函数进行响应。在早期的JavaScript中,我们通常通过在HTML标签上直接使用事件属性来实现...

    JS 事件绑定、事件监听、事件委托详细介绍

    3. **绑定事件监听函数**:这种方法使用`addEventListener`或`attachEvent`(针对旧版IE)来添加事件监听器。监听器允许更灵活的事件处理,如添加多个事件处理程序,以及选择事件是在捕获阶段还是冒泡阶段处理。例如...

    jquery 监听 键盘 事件

    在JavaScript的世界里,...总结,jQuery监听键盘事件是提升网页交互体验的重要手段,通过灵活运用`.on()`方法和事件处理函数,可以实现各种复杂的用户交互逻辑。了解并掌握这些技巧,将有助于提升你的前端开发能力。

    javascrpt绑定事件之匿名函数无法解除绑定问题.docx

    ### JavaScript绑定事件之匿名函数无法解除绑定问题 #### 背景介绍 在JavaScript中,事件绑定是一项非常重要的功能,它允许我们通过监听特定的用户交互或其他触发条件来执行相应的代码逻辑。然而,在实践中,有时候...

    vue.js绑定事件监听器示例【基于v-on事件绑定】

    通过绑定事件处理函数,我们可以轻松响应用户交互,改变组件状态,或者执行复杂的业务逻辑。理解并熟练运用 `v-on` 是成为 Vue 开发者的基础技能之一。通过不断实践和探索,你可以创建出更加动态和交互丰富的用户...

    js回车事件绑定.txt

    ### JavaScript回车事件绑定知识点详解 #### 一、概述 在Web开发中,我们经常会遇到需要监听用户输入的情况,特别是当用户按下特定按键时触发某些功能。其中,“回车键”(Enter键)是一个非常常见的触发条件。...

    封装了一个支持匿名函数的Javascript事件监听器

    这意味着在绑定事件监听时,不需要单独命名处理事件的函数,可以直接使用匿名函数,这在代码编写上更为灵活和方便。 封装代码首先定义了一个名为handleHash的对象,这个对象作为哈希表(哈希映射)来缓存事件处理...

    使用JS监听键盘按下事件(keydown event)

    JavaScript作为网页开发的主要脚本语言,提供了多种方式来监听键盘事件。本文将详细介绍如何使用JavaScript来监听键盘按下事件(keydown event),并结合示例代码来说明如何实现。 首先,我们需要了解JavaScript中...

    事件处理函数的this

    在事件处理函数中,this的值通常取决于事件监听器的绑定方式。有以下两种常见的情况: - **内联事件处理**:例如`()">Click me</button>`,在这种情况下,this会指向触发事件的DOM元素,即当前按钮。 - **添加事件...

Global site tag (gtag.js) - Google Analytics