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

JavaScript事件监听的方法

阅读更多

(1)onclick属性添加事件处理函数

<button id='test1' onclick=DoClick>test1</button>

(2)attachEvent方法添加事件处理函数

<button name="test2">test2</button>

oEventUtil.AddEventHandler = function(oTarget,sEventType,fnHandler)
{
//IE和FireFox的兼容性处理 
//如果是FireFox
if(oTarget.addEventListener){
oTarget.addEventListener(sEventType,fnHandler,false);

//如果是IE
else if(oTarget.attachEvent){
oTarget.attachEvent('on'+sEventType,fnHandler);
} else{
oTarget['on'+sEventType] = fnHandler;
}
};

 

分享到:
评论

相关推荐

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

    而通过JavaScript方法添加事件监听器,可以更灵活地控制事件处理过程,并且可以轻松地添加和移除监听器。 在前端开发中,对this关键字的理解和使用是必要的。在事件处理函数中,this关键字默认指向触发事件的元素,...

    JS针对浏览器窗口关闭事件的监听方法集锦

    在JavaScript中,监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一:适用于IE浏览器,仅在关闭时提示 ```javascript window....

    javascript事件监听与事件委托实例详解

    本文实例讲述了javascript事件监听与事件委托。分享给大家供大家参考,具体如下: 事件监听与事件委托 在js中,常用到element.addEventListener()来进行事件的监听。但是当页面中存在大量需要绑定事件的元素时,这种...

    cocos creator为事件加上监听的两种处理方式

    在组件不再需要监听事件时,通常会在`onDisable`或`onDestroy`函数中调用`off`方法来移除监听器,以避免内存泄漏。 ### 2. `cc.EventTarget.addListener` 方法 另一种事件监听的方法是使用`cc.EventTarget....

    jquery监听鼠标滚轮事件+js监听滚轮事件

    原生JavaScript监听滚轮事件稍微复杂一些,因为需要考虑浏览器兼容性问题。可以使用`addEventListener`方法添加事件监听器,并处理不同的滚轮事件名称。 ```javascript document.addEventListener('...

    html_javascript_监听滚动条demo

    在这个例子中,我们使用`addEventListener`方法为`window`对象添加了一个滚动事件监听器。当用户滚动页面时,回调函数会被执行,检查当前滚动位置是否接近页面底部。如果满足条件,我们可以触发相应的操作,比如加载...

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

    JavaScript事件监听器是一种非常重要的前端技术,它允许开发者对用户与网页的交互做出响应。事件监听器涉及的概念包括事件类型、事件处理函数、事件冒泡等。在不同的浏览器中,事件监听的方式略有不同,常见的方法有...

    Passive Event Listeners - 被动事件监听器1

    在传统的事件监听器中,我们通常使用`addEventListener`方法添加事件处理函数,如以下示例所示: ```javascript document.addEventListener("click", fn, false/true); ``` 这里的第三个参数是一个布尔值,用来...

    JavaScript 事件监听实例代码[兼容IE,firefox] 含注释

    在JavaScript中,事件监听主要通过 `addEventListener` 和 `attachEvent` 方法来实现。 在标准的DOM中,`addEventListener` 是用来添加事件处理程序的方法,语法如下: ```javascript element.addEventListener...

    jquery监听DIV的事件

    在jQuery中,我们可以使用`.on()`方法来监听DOM元素的事件。例如,如果我们想要监听一个ID为"myDiv"的DIV元素的点击事件,我们可以这样写: ```javascript $("#myDiv").on("click", function() { // 当用户点击这...

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

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

    js监听鼠标点击和键盘点击事件并自动跳转页面

    本文将详细解释如何使用JavaScript监听鼠标的点击事件(onmousedown)和键盘的点击事件(onkeydown),并且在触发这些事件后,页面将会自动跳转到指定的URL。这一过程不复杂,适合初学者学习和参考。 首先,我们来...

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

    JavaScript 绑定大事监听函数的通用方法 本文主要介绍了 JavaScript 绑定大事监听函数的通用方法,讨论了几种常用的绑定方法,并且分析了这些方法的优缺。首先介绍了三种常用的绑定方法:传统绑定、W3C 绑定方法和 ...

    09JavaScript事件总结.docx

    JavaScript通过监听这些事件来执行相应的功能。常见的事件包括: 1. `onclick` - 鼠标点击元素。 2. `ondblclick` - 鼠标双击元素。 3. `onerror` - 加载资源时出现错误。 4. `onfocus` - 元素获取焦点。 5. `onblur...

    js监听键盘事件的方法_原生和jquery的区别详解.docx

    #### 二、原生JavaScript监听键盘事件 原生JavaScript提供了三种主要的键盘事件监听方法:`onkeydown`、`onkeypress` 和 `onkeyup`。 1. **`onkeydown`**: - 触发时机:当一个键被按下时触发。 - 使用示例: `...

    javascript 组合按键事件监听实现代码

    JavaScript中的组合按键事件监听是网页交互中的一种常见需求,它允许开发者监听用户按下特定的组合键,例如Ctrl+C、Alt+F4等。在给定的描述和代码中,`dqKeys`是一个实现了组合按键监听功能的JavaScript库。下面将...

    计算机后端-Java-油管上最火的Web前端教程18 JavaScript 常用事件绑定、事件监听实战 2.mp4

    计算机后端-Java-油管上最火的Web前端教程18 JavaScript 常用事件绑定、事件监听实战

    jquery 监听 键盘 事件

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

Global site tag (gtag.js) - Google Analytics