`

js-event绑定事件

 
阅读更多
IE  target.addEventListener(type,listener,useCapture)

     type:字符串,事件名称:click、mouseover..
     useCapture:一般默认false

高级浏览器   target.attachEvent(type,listener)

      type:字符串,事件名称:onclick、onmouseover..

创建一个统一的事件处理
EventUtil.addEventHandler = function(oTarget,sEventType,fnHandler){
    if(oTarget.addEventListener){//高级浏览器
        oTarget.addEventListener(sEventType,fnHandler,false);
    }else if (oTarget.attachEvent){//IE
        oTarget.attachEvent('on'+sEventType,fnHandler)
    }
};
分享到:
评论

相关推荐

    vue.js v-on事件使用,vue.js event事件绑定

    `v-on`指令就是Vue.js中用于事件绑定的关键机制,它允许我们将DOM事件与Vue实例的方法关联起来。本篇文章将深入探讨`v-on`事件绑定及其相关知识点。 首先,让我们了解`v-on`的基本用法。在Vue模板中,我们可以使用`...

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

    在本章"第34章 项目1-博客前端:封装库--事件绑定[下]1"中,我们将深入探讨JavaScript中的事件绑定,特别是在解决一些关键问题时如何进行封装。主要内容集中在传统事件绑定与现代事件绑定的差异以及如何在不同浏览器...

    javascript为DOM绑定事件 兼容

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

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

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

    vue实现在v-html的html字符串中绑定事件

    这里介绍两种主要的方法来实现该功能:事件委托和直接绑定事件监听器。 首先,介绍事件委托方法,适用于动态添加的元素,或者无法直接访问的元素。事件委托是一种在父元素上添加事件监听器的技术,然后根据事件触发...

    vue-event-manager:Vue.js的事件管理器

    插件提供了一种将事件绑定到全局事件管理器的声明方式。 它使用Vue生命周期自动绑定和取消绑定所有事件。 特征 支持事件优先级和基于的异步事件 支持最新的Firefox,Chrome,Safari,Opera和IE9 + 支持Vue 2.0 ...

    vueeventcalendar是一款简单小巧的事件日历组件针对Vue2开发

    Vue Event Calendar是一款专为Vue2框架设计的轻量级事件日历组件,旨在帮助开发者轻松地在项目中集成日历功能,实现事件的展示、添加和管理。这款组件以其简洁的API和高度可定制化的特点,深受Vue社区的欢迎。 在...

    day11-Event Keycodes(事件键码)

    总之,Event Keycodes是JavaScript中处理键盘事件的重要工具,它们使得开发者能够创建出对用户输入有智能响应的应用。结合HTML和CSS,我们可以构建出高度互动的Web页面,提供优秀的用户体验。无论是在基本的表单验证...

    js回车事件绑定.txt

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

    封装自己的js工具-Event.txt

    5. **添加和移除事件监听器**:提供兼容所有主流浏览器的事件绑定和解绑方法。 6. **获取鼠标按键**:获取鼠标点击的按钮(左键、中键、右键)。 7. **阻止事件冒泡**:防止事件向上级元素传播。 8. **阻止默认行为*...

    前端开源库-event-when

    例如,如果一个组件同时绑定了多个事件处理器,而这些处理器之间需要有特定的执行顺序或依赖关系,"event-when"就能够派上用场。 "event-when"允许开发者阻塞事件的触发,这意味着你可以确保事件处理器按照预定的...

    base-event-dispatcher:事件调度程序项目的基类

    "base-event-dispatcher"是一个专门为JavaScript设计的事件调度程序项目,它的基类为实现事件处理和事件驱动的编程模式提供了基础框架。下面将详细解释这个项目的核心概念和相关知识点。 事件调度程序是软件系统中...

    sdk-js-event-tracking

    SDK-JS-Event-Tracking 是一个专门针对JavaScript环境设计的事件追踪工具,它允许开发者捕获、记录并分析用户在网站或应用中的交互行为。由于该存储库已被弃用,这意味着它不再被官方维护,可能存在安全风险或者与...

    VueEventProxy让Vuejs支持全局事件

    Vue Event Proxy 是基于Vue.js的插件,它通过创建一个全局的事件总线(Event Bus)对象,使得在应用的任何地方都可以触发或监听自定义事件。这样,即使组件之间没有直接的父子关系或者引用关系,也可以通过事件进行...

    前端大厂最新面试题-event_Model.docx

    addEventListener 方法用于绑定事件监听函数,参数包括 eventType、handler 和 useCapture。eventType 指定事件类型,handler 是事件处理函数,useCapture 是一个布尔值,用于指定是否在捕获阶段进行处理。 ...

    HTML前端学习(3)--JS事件

    在本篇关于“HTML前端学习(3)--JS事件”的主题中,我们将深入探讨JavaScript中的事件处理和jQuery框架的应用,特别是在网页交互中的角色。JavaScript事件是网页动态化的核心,而jQuery则提供了一种更为简洁易用的...

    浅谈Vue.js 组件中的v-on绑定自定义事件理解

    使用 $on(eventName) 监听事件 使用 $emit(eventName) 触发事件 Vue的事件系统分离自浏览器的EventTarget API。尽管它们的运行类似,但是$on 和 $emit 不是addEventListener 和 dispatchEvent 的别名。 另外,父组件...

    前端大厂最新面试题-event_agent.docx

    事件代理是一种在JavaScript中处理DOM事件的技术,它利用了事件冒泡的原理,将事件处理器绑定到一个共同的父元素,而不是直接绑定到每一个子元素。这样做的好处在于减少了内存消耗,提高了性能,并且能够应对动态...

    use-typed-event-listener:支持TypeScript的React Hook for DOM事件监听器

    使用类型的事件监听器 use-typed-event-listener是支持TypeScript的DOM事件... 如果undefined ,则不会绑定任何事件 eventType是区分大小写的字符串,表示要侦听的 当eventType事件发生时, listener是回调函数 optio

Global site tag (gtag.js) - Google Analytics