`

自定义浏览器事件绑定函数

    博客分类:
  • js
阅读更多
function bind(el, eventType, callback) {
	if (typeof el.addEventListener === 'function') {
		el.addEventListener(el, eventType, callback, false);
	} else if (typeof el.atteachEvent === 'function') {
		el.atteachEvent('on' + eventType, callback);
	}
}

 

分享到:
评论

相关推荐

    js调用浏览器打印模块实现点击按钮触发自定义函数

    在探讨如何利用JavaScript调用浏览器的打印模块实现点击按钮时触发自定义函数的过程中,我们首先需要了解浏览器提供的打印API以及如何通过编程方式触发打印任务。现代浏览器通常提供了window.print()方法,该方法...

    兼容浏览器的js事件绑定函数(详解)

    通过具体代码的实现,让读者了解在实际开发中如何处理跨浏览器兼容性问题,并通过一个简单的例子演示了如何使用这个自定义的事件绑定函数。尽管现代浏览器的兼容性已经大大改善,但在开发中仍会遇到需要兼容旧版...

    第34章 项目1-博客前端:封装库--事件绑定[中]1

    总结来说,本章节的重点在于理解和解决现代事件绑定在实际应用中遇到的问题,通过自定义的事件绑定函数`addEvent`,实现了跨浏览器的兼容性和功能完善,包括事件的添加、删除以及顺序执行,同时也解决了IE浏览器可能...

    JS 事件绑定函数代码

    本篇将详细介绍如何编写一个兼容IE6、7、8以及Firefox、Chrome等现代浏览器的事件绑定函数。 首先,我们需要理解两种主要的事件绑定方法:`attachEvent` 和 `addEventListener`。在Internet Explorer(尤其是早期...

    第34章 项目1-博客前端:封装库--事件绑定[下]1

    如果不支持(主要是针对IE),则使用自定义的事件绑定和解绑机制。 为了实现事件的顺序执行,代码中使用了一个数组来存储事件处理函数,并在执行时按序调用。同时,`addEvent.exec`函数负责执行这些事件处理函数。 ...

    javascript为DOM绑定事件 兼容

    为 DOM 绑定事件需要考虑浏览器的兼容性问题,我们可以使用不同的方式来绑定事件,包括直接为 Element 对象绑定事件、使用 W3C 的 addEventListener 和 IE 的 attachEvent 方法,以及自定义绑定函数等。

    (word完整版)javascript看qq中多事件绑定的执行顺序.doc

    // 缓存总事件绑定函数 el._eventHandlers = function (e) { e = e || window.event; // 遍历事件处理函数并执行 for (var i = 0; i ; i++) { handlers[i].call(el, e); } }; el.attachEvent('on' + type, ...

    为jQuery添加自定义事件机制

    总结,为jQuery添加自定义事件机制是通过`$.fn.extend`扩展jQuery功能,使用`on`和`off`来绑定和解除事件,通过`trigger`来触发事件,并可以传递参数。这种机制极大地丰富了jQuery的事件处理能力,使得开发者能够...

    现代浏览器的事件发射器

    在JavaScript的世界里,浏览器作为执行环境,提供了丰富的DOM事件和自定义事件机制,使得开发者能够更好地响应用户交互和应用状态变化。 一、DOM事件 DOM(Document Object Model)事件是浏览器原生支持的事件,如...

    最常用的10个javascript自定义函数(english)

    - **功能概述**:`addEvent()` 是一个用于绑定事件监听器的通用函数,它可以跨浏览器地添加事件监听器。 - **应用场景**: - 在不同浏览器之间提供一致的行为。 - 简化事件绑定的过程,提高代码的可维护性。 - **...

    javascript十个最常用的自定义函数.pdf

    由于不同的浏览器对于事件绑定的支持存在差异,因此需要一个兼容性良好的方法来统一处理这些事件绑定操作。 #### 三、Scott Andrew 的 `addEvent` 实现 Scott Andrew 的 `addEvent` 函数是一个非常流行的版本,它...

    精易web浏览器支持库视频教程

    第八课 JS与易语言的交互(JS函数绑定)。第九课 浏览器事件详解 (alert confirm prompt console 等捕获)。第十课 网络拦截实现 (同步验证码案例 , 替换网络资源案例)。资源作者:。@精易论坛。资源下载:。Tags:web...

    JavaScript加强之自定义event事件

    在事件处理函数中,使用`alert()`函数将选中的值输出到浏览器的弹窗中。 通过以上内容,我们可以了解到以下知识点: 1. 避免在循环中重复绑定事件监听器,应先解绑再绑定新的事件监听器。 2. 使用`.bind()`方法...

    泛微OA前端开发接口方法和自定义方方法总结注释

    - `WfForm.bindFieldChangeEvent(fieldId, callback)`:绑定字段变化事件,常用于下拉框,获取字段值的变化。 - `WfForm.getFieldValue(fieldId)`:获取单个字段的值。 - `WfForm.getSelectShowName(fieldId)`:获取...

    自定义下拉控件dropdownlist,绑定数据更方便

    本篇文章将深入探讨如何创建自定义的Dropdownlist,并讨论如何更方便地绑定数据。 首先,Dropdownlist在HTML中的基本结构是`<select>`标签,它包含了多个`<option>`标签,每个`<option>`代表一个可选的值。例如: ...

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

    一种常见的实现是通过创建自定义的`addEvent`和`removeEvent`函数,它们会根据浏览器类型选择合适的绑定方式。例如: ```javascript function addEvent(element, type, handler) { if (!handler.$$guid) handler.$$...

    判断事件是不是发生在某组件中的 JS 函数

    为了确保在不同浏览器中都能正确绑定事件处理函数,我们需要针对IE和非IE浏览器使用不同的方法。对于IE,我们直接在目标元素上设置`oncontextmenu`属性;对于Gecko浏览器(如Firefox),我们使用`addEventListener`...

    js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)

    本文将深入探讨如何在不同的浏览器环境中绑定鼠标的滑轮滚动事件,并提供一个兼容主流浏览器的简单实例。 首先,我们需要理解鼠标滚轮事件的基本概念。在JavaScript中,这个事件通常分为两种类型:`onmousewheel`...

    jquery实现的支持自定义事件跳转到指定页面的404错误页面源码.zip

    我们可以使用`.on('click', function() {...})`来绑定点击事件,并在回调函数中编写跳转逻辑。 2. **自定义事件**:jQuery允许我们创建自定义事件,这可以让我们更好地组织代码并分离关注点。例如,我们可以定义一...

    ecef-v2.0.19d release 水星浏览器最新版本支持库安装包

    取用户数据"方法以支持浏览器绑定自定义数据。 新增"CefQuery"功能用于javascript与浏览器的交互详细见例程。 新增"首选项(Preferences)"功能设置。 新增"水星浏览器.置用户代理标识"方法用于实时覆盖浏览器代理标识...

Global site tag (gtag.js) - Google Analytics