搜尋
首頁web前端js教程window.addeventjs事件驱动函数集合addEvent等_javascript技巧

// written by Dean Edwards, 2005
// with input from Tino Zijdel, Matthias Miller, Diego Perini

// http://dean.edwards.name/weblog/2005/10/add-event/

function addEvent(element, type, handler) {
  if (element.addEventListener) {
    element.addEventListener(type, handler, false);
  } else {
    // assign each event handler a unique ID
    if (!handler.$$guid) handler.$$guid = addEvent.guid++;
    // create a hash table of event types for the element
    if (!element.events) element.events = {};
    // create a hash table of event handlers for each element/event pair
    var handlers = element.events[type];
    if (!handlers) {
      handlers = element.events[type] = {};
      // store the existing event handler (if there is one)
      if (element["on" + type]) {
        handlers[0] = element["on" + type];
      }
    }
    // store the event handler in the hash table
    handlers[handler.$$guid] = handler;
    // assign a global event handler to do all the work
    element["on" + type] = handleEvent;
  }
};
// a counter used to create unique IDs
addEvent.guid = 1;

function removeEvent(element, type, handler) {
  if (element.removeEventListener) {
    element.removeEventListener(type, handler, false);
  } else {
    // delete the event handler from the hash table
    if (element.events && element.events[type]) {
      delete element.events[type][handler.$$guid];
    }
  }
};

function handleEvent(event) {
  var returnValue = true;
  // grab the event object (IE uses a global event object)
  event = event || fixEvent(((this.ownerDocument || this.document || this).parentWindow || window).event);
  // get a reference to the hash table of event handlers
  var handlers = this.events[event.type];
  // execute each event handler
  for (var i in handlers) {
    this.$$handleEvent = handlers[i];
    if (this.$$handleEvent(event) === false) {
      returnValue = false;
    }
  }
  return returnValue;
};

function fixEvent(event) {
  // add W3C standard event methods
  event.preventDefault = fixEvent.preventDefault;
  event.stopPropagation = fixEvent.stopPropagation;
  return event;
};
fixEvent.preventDefault = function() {
  this.returnValue = false;
};
fixEvent.stopPropagation = function() {
  this.cancelBubble = true;
};

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
C++ 函数在并发编程中的事件驱动机制?C++ 函数在并发编程中的事件驱动机制?Apr 26, 2024 pm 02:15 PM

并发编程中的事件驱动机制通过在事件发生时执行回调函数来响应外部事件。在C++中,事件驱动机制可用函数指针实现:函数指针可以注册回调函数,在事件发生时执行。lambda表达式也可以实现事件回调,允许创建匿名函数对象。实战案例使用函数指针实现GUI按钮点击事件,在事件发生时调用回调函数并打印消息。

C++ 中的事件驱动编程如何优化内存管理?C++ 中的事件驱动编程如何优化内存管理?Jun 01, 2024 pm 12:57 PM

在C++事件驱动编程中,有效地管理内存至关重要,涉及以下优化技术:使用智能指针(如std::unique_ptr、std::shared_ptr)自动释放对象内存,避免内存泄漏。创建对象池,预分配特定类型的对象并重复使用,优化内存分配和取消分配开销。

Laravel开发:如何使用Laravel Event Sourcing实现事件驱动应用程序?Laravel开发:如何使用Laravel Event Sourcing实现事件驱动应用程序?Jun 14, 2023 pm 02:31 PM

Laravel开发:如何使用LaravelEventSourcing实现事件驱动应用程序?随着云计算技术的发展和应用场景的不断扩大,事件驱动应用程序已经成为越来越重要的一种架构方式,尤其在大型分布式系统中更是如此。LaravelEventSourcing就是一种实现事件驱动应用程序的框架,本文将介绍如何使用LaravelEventSourcing

事件驱动的Golang API性能优化事件驱动的Golang API性能优化May 07, 2024 pm 04:21 PM

事件驱动的GoAPI性能优化通过以下方式提升性能:异步非阻塞I/O:使用协程和事件循环进行异步处理,避免I/O操作阻塞。协程和事件循环:协程在多个工作线程上执行,每个工作线程都有自己的事件循环,实现并发处理。实战案例:异步处理大型数据集,如图像压缩和转换,提高响应时间和吞吐量。

Python异步编程: 从入门到精通, 成为异步编程高手Python异步编程: 从入门到精通, 成为异步编程高手Feb 26, 2024 am 10:50 AM

1.什么是Python异步编程?python异步编程是一种通过协程和事件驱动来实现并发和高性能的编程技术。协程是一种允许一个函数在暂停后继续执行的函数。当一个协程被暂停时,它的状态和局部变量都会被保存起来,以便在它被再次调用时恢复执行。事件驱动是一种响应事件的编程方式。在事件驱动的程序中,当一个事件发生时,程序会执行相应的事件处理程序。2.协程和事件驱动协程和事件驱动是异步编程的两大核心技术。协程允许一个函数在暂停后继续执行,而事件驱动允许程序响应事件。这两种技术可以很好地结合在一起,来实现高性

PHP中的高性能事件驱动框架及其应用PHP中的高性能事件驱动框架及其应用Jun 23, 2023 am 11:32 AM

随着Web应用程序的快速发展,处理高访问量和高并发请求的能力变得越来越关键。为了确保PHP应用程序具有高性能和可伸缩性,开发人员需要使用高性能事件驱动框架。在本文章中,我们将介绍PHP中的高性能事件驱动框架,包括其工作原理、特点以及应用场景。一、什么是高性能事件驱动框架?高性能事件驱动框架是指一种基于事件驱动编程模型的框架,可以处理高访问量和高并发请求。它通

使用Java函数和无服务器架构实现事件驱动的系统使用Java函数和无服务器架构实现事件驱动的系统Apr 27, 2024 pm 04:42 PM

利用Java函数和无服务器架构构建事件驱动的系统:使用Java函数:高度可伸缩、易于部署,管理成本低。无服务器架构:按使用付费模式,消除基础设施成本和管理负担。实战案例:创建事件驱动的警报系统,通过Java函数响应SNS主题事件,发送电子邮件警报。

C#开发中如何处理消息传递和事件驱动编程C#开发中如何处理消息传递和事件驱动编程Oct 10, 2023 pm 03:03 PM

C#开发中如何处理消息传递和事件驱动编程消息传递和事件驱动编程在C#开发中扮演着重要的角色。通过使用适当的方法和技术,我们可以实现模块化、可扩展和易维护的代码。本文将介绍C#中处理消息传递和事件驱动编程的常见方法和技巧,并给出具体的代码示例。一、消息传递消息传递是指通过消息的方式在对象之间进行通信。C#提供了多种方式来实现消息传递,其中最常见的方法有委托和事

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)