`
BBjava
  • 浏览: 126557 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js绑定事件

阅读更多

来自:http://codecto.com/2011/02/javascript-add-event-listener/
// @参数 obj : 监听对象
// @参数 evt : 监听事件类型
// @参数 fn  : 触发脚本
function addEvent( obj, evt, fn ) {
    if ( typeof obj.attachEvent != 'undefined' ) {
        // 为 IE 浏览器添加事件绑定
        obj.attachEvent( "on" + evt, fn );
    } else if ( typeof obj.addEventListener != 'undefined' ) {
        // 兼容 W3C 的事件绑定
        obj.addEventListener( evt, fn, false );
    } else {
        // 你用的浏览器都老掉牙了,换一个吧!
    }
}
 
addEvent( window, 'load', function() {
    // 页面初始化时执行的脚本
} );
分享到:
评论

相关推荐

    js绑定事件,并动态传参

    js绑定事件,并动态传参,比如绑定click事件。js绑定事件,并动态传参,比如绑定click事件。 js绑定事件,并动态传参,比如绑定click事件

    JavaScript 事件处理 事件绑定 示例代码

    事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例...

    layui动态绑定事件的方法

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

    javascript为DOM绑定事件 兼容

    JavaScript 为 DOM 绑定事件兼容 JavaScript 为 DOM 绑定事件是指在网页中将事件处理程序绑定到 HTML 元素上的过程,而为了实现跨浏览器兼容性,我们需要了解不同的浏览器对绑定事件的实现方式。 直接为 Element ...

    js 判断是否绑定一个事件

    js 判断是否绑定一个事件

    js单击事件和双击事件并存绑定

    "js单击事件和双击事件并存绑定"这个主题涉及到如何让一个元素同时响应单击(click)和双击(dblclick)事件,而不互相冲突。这在实现某些交互功能时非常有用,比如,单击可能打开一个菜单,而双击则可能编辑内容。...

    js回车事件绑定.txt

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

    js 给动态生成的DOM绑定事件

    web前端的朋友们,经常会遇到给由后台返回的数据遍历生成的DOM绑定事件,但是总是绑定不上,那是因为把事件直接绑定到了动态生成的DOM上了,正确的方式是利用事件冒泡给其父元素绑定,这样才能解决问题的哦!

    ASP.NET-008—JS绑定控件事件

    在这个"ASP.NET-008—JS绑定控件事件"的主题中,我们将深入探讨如何在ASP.NET环境中利用JavaScript(JS)来绑定和处理控件的事件。JavaScript是一种广泛使用的客户端脚本语言,它可以在用户的浏览器上运行,提供交互...

    理解JS绑定事件

    本文为大家详细分析了JS绑定事件,供大家参考,具体内容如下 绑定事件有兼容性问题,在IE早期版本中使用的是obj.attachEvent(),而其他浏览器使用的则是addEventListener()。 这两个方法都有三个参数,分别为:事件...

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

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

    JS中动态添加事件(绑定事件)的代码

    两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况: 代码如下: var t = document.getElementById(“tab1”); t.onclick = function tst(){ alert(”); } 第二种...

    js移除事件 js绑定事件实例应用

    3. **更老版本的IE(IE5)**:在更早的IE版本中,我们直接通过在元素的事件名称上设置函数来绑定事件。 ```javascript element['on' + eventType] = eventHandler; ``` 现在,我们来看看如何移除事件绑定。与...

    js绑定事件和解绑事件

    需要注意的是,与绑定事件不同,解绑事件时,对于`attachEvent`需要使用`'on' + eventName`的方式指定事件名,而对于`addEventListener`则不需要加`'on'`前缀。 总结以上,文档内容主要介绍了以下几点: 1. `...

    javascript重复绑定事件造成的后果说明.docx

    ### JavaScript重复绑定事件的后果与解决方案 #### 一、引言 在进行Web前端开发时,事件处理是非常重要的一部分。合理的事件绑定能够提高用户体验,而错误的事件绑定则可能导致各种问题,比如性能下降、功能异常等...

    JQuery绑定事件

    **jQuery绑定事件**是JavaScript库jQuery中的核心功能之一,它极大地简化了DOM元素事件处理的流程,使得开发者能够更加高效地编写代码。在JavaScript原生语法中,为元素添加事件监听器通常涉及到`addEventListener`...

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

    addEvent()函数的优点在于,它提供了一个简单易懂的方式来绑定事件,使得事件绑定更加通用,不再受限于浏览器的兼容性问题。不过需要注意的是,尽管该函数在多个方面表现良好,但它并不能保证完全满足所有要求,...

    浅析js绑定事件的常用方法

    浅析js绑定事件的常用方法  <?xml version=1.0 encoding=UTF-8 ?> <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <...

    Backbone.js的事件绑定

    Backbone.js是一个轻量级的JavaScript库,专为构建可维护和模块化的Web应用而设计。它基于MVC(Model-View-Controller)模式,帮助开发者组织和管理前端代码结构,使得复杂的应用程序更容易理解和扩展。在“Backbone...

Global site tag (gtag.js) - Google Analytics