展开

关键词

jQuery(事件和动画-基础事件、复合事件

基础事件 click 对应 onclick 鼠标单击事件 dbclick 对应ondbclick 鼠标双击事件 mouseover 对应 onmouseover 鼠标移入事件 mouseout 对应 onmouseout 鼠标移出事件 mouseenter 对应onmouseenter鼠标进入事件 mouseleave 对应 onmouseleave鼠标离开事件 keyup 对应onkeyup 复合事件 显示与隐藏 show show(speed|function); 作用:将隐藏元素变为可见的(将display:none-->display:block),从左上角开始显示。 事件切换 hover hover(over,out); 作用:一个模仿悬停事件(鼠标移动到一个对象上方及移出这个对象)的方法。 而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一 个常见错误)。

6610

Excel事件(四)事件顺序

大家好,本节主要介绍事件的发生顺序,事件的关闭与开启的使用情境。 对于Excel事件的五种类别,已经分别介绍了工作表事件和工作簿事件。 图表事件如果后期介绍“控制图表"的内容再介绍。 ? 事件的发生顺序 ? 首先要介绍的一些常见事件的发生顺序,工作簿和工作表对象都对应很多事件。了解事件的产生顺序有助于理顺对事件的使用。 工作簿事件顺序 操作工作簿时常用的事件产生顺序如下: 1、workbook_open事件:打开工作簿时产生该事件 2、workbook_activate事件:打开工作簿时产生该事件。 如果有多个工作簿,则切换工作簿时也将产生该事件 3、workbook_beforesave事件:保存工作簿之前产生该事件 4、workbook_beforeclose事件:关闭工作簿之前产生该事件 5、 事件 workbook_sheetchange事件 worksheet_selectionchange事件 第二种情况:更改当前工作表时,事件的产生顺序如下: worksheet_deactivate事件

68030
  • 广告
    关闭

    【玩转 Cloud Studio】有奖调研征文,千元豪礼等你拿!

    想听听你玩转的独门秘籍,更有机械键盘、鹅厂公仔、CODING 定制公仔等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    事件流、事件捕获和事件冒泡的介绍

    事件流、事件捕获和事件冒泡的介绍 最近有用到对应的场景,下班了特地来整理下响应的概念,巩固下知识。 我们在点击页面时,事件发生时会在各元素节点按照一定的顺序进行传播,这种传播过程就称作事件流。 事件流分为三个阶段: 1、事件捕获阶段 事件从window发出,不断向子元素寻找对应的目标节点 2、事件目标阶段 事件找到了对应的目标节点,即此时再往下已经没有对应的节点 3、事件冒泡阶段 事件从节点位置网上回溯到文档的根节点 我们在使用给dom添加事件时一般使用addEventListener方法,该方法传入三个参数 1、对应的事件名称如:click 2、函数:触发对应的交互响应后执行的函数 3、userCapture:指定事件是在捕获还是冒泡阶段执行 :26 btn 事件捕获 test.html:23 btn 事件冒泡1 test.html:29 btn 事件冒泡2 test.html:34 container 事件冒泡 test.html:15 body 事件冒泡 可以看到,都是先触发捕获再触发冒泡事件,先从body(上)到btn(下),再从btn(下)到body(上)。

    8800

    JQ事件事件对象

    1 事件 一 .鼠标事件    1.ready()页面载入事件:载入文档节点    2 click()熟悉的单击事件    3 dbclick()双击事件    4 mousedown() /mouseup () 鼠标按下和松开事件    5 mouseover()/mouseout() 鼠标移入和移出事件   6 mouseenter()/mouseleave() 鼠标移入移出事件   //mouseover ()/mouseout()和mouseenter()/mouseleave()的区别    首先来了解一下事件冒泡和捕获     事件冒泡:内部事件先触发,然后在触发外部事件     事件捕获:外部事件先被触发 有两个参数(方法),鼠标一定到指定对象以及移出时会触发 二 键盘事件    1 keydown 键盘按下时触发的事件    2 keyup     键盘松开一瞬间触发的事件    3 keypress  1  focus ()  :获得焦点事件     2  blur(): 失去焦点事件     3 focusin()  :获得焦点事件     4 focusout() :失去焦点事件     5

    55520

    事件冒泡与事件捕获

    javascript 的事件捕获和事件冒泡之前一直没能弄明白,知道看到一个例子。 利用丢一颗石头入水的例子,就能够非常形象了,如图所示: 事件捕获和事件冒泡就像是一颗石头(点击事件)投入水中: 首先是最外层水面(html)接触(捕获)石头,然后石头下沉,内层的水(body/dom 点击可查看示例 去示例中试一试便清楚了~ 处理事件 理解了事件的捕获和冒泡机制,对于事件处理就好办了。 监听事件 /** * @param { event } 事件 * @param { functionEvent } 事件处理函数 * @param { capture } 是否在捕获阶段触发事件 ,比如是在‘石头’下沉或者‘气泡’冒泡的过程中使之突然消失 事件代理: 从上面事件机制可以看出,如果没有外部干扰,在子节点上触发的事件,在捕获和冒泡最终都会经过父节点 因此,我们可以将事件处理函数绑定在父节点上面

    11710

    Js 事件委托(事件代理)

    一、概述 事件委托,又叫事件代理。事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 例子:有三个同事预计会在周一收到快递。 二、为什么是使用事件委托 一般来说,dom需要有事件处理程序,我们都会直接给它设事件处理程序就好了,那如果是很多的dom需要添加事件处理呢? 比如我们有100个li,每个li都有相同的click点击事件,可能我们会用for循环的方法,来遍历所有的li,然后给它们添加事件,那这么做会存在什么影响呢? 三、事件委托原理 事件委托利用的是事件冒泡原理,将事件绑定到父级元素上,当点击子元素时,通过事件冒泡将事件传递到父级元素。  四、总结: 那什么样的事件可以用事件委托,什么样的事件不可以用呢? 适合用事件委托的事件:click,mousedown,mouseup,keydown,keyup,keypress。

    12130

    jQuery 事件注册、事件处理

    1. jQuery 事件注册 ​ jQuery 为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法。 语法 element.事件(function(){}) $(“div”).click(function(){ 事件处理程序 }) 其他事件和原生基本一致。 (): 事件触发 2.1 事件处理 on() 绑定事件 ​ 因为普通注册事件方法的不足,jQuery又创建了多个新的事件绑定方法bind() / live() / delegate() / on() 事件处理 off() 解绑事件 ​ 当某个事件上面的逻辑,在特定需求下不需要的时候,可以把该事件上的逻辑移除,这个过程我们称为事件解绑。

    21420

    js --- 事件冒泡 事件捕获

    先上结论:   他们是描述事件触发时序问题的术语。事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件。相反的,事件冒泡是自下而上的去触发事件。 绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。true,事件捕获;false,事件冒泡。默认false,即事件冒泡。 ,"+this.id) }) 结果: child事件被触发,child parent事件被触发,parent 结论:先child,然后parent。 事件的触发顺序自内向外,这就是事件冒泡。 事件触发顺序变更为自外向内,这就是事件捕获。 方法: 阻止事件冒泡 和默认行为。 事件冒泡:  ?   阻止默认行为: ?

    65220

    代码触发,手动触发touchstart事件,touch事件,click事件,自定义事件

    工作中有时候会用到需要用代码去手动触发某个事件或者是自定义事件,通常触发click事件的做法为eleme.click(),遇到touchstart就行不通了。 可以使用以下方式 // 创建事件. var event = document.createEvent('Events'); // 初始化一个点击事件,可以冒泡,无法被取消 event.initEvent ('touchstart', true, false); // 设置事件监听. elem.addEventListener('touchstart', function (e) { // e.target 就是监听事件目标元素 }, false); // 触发事件监听 elem.dispatchEvent(event); initEvent已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它 'touchstart', function (e) { ... }, false); // 触发event. elem.dispatchEvent(event); Event构造函数也可以使用自定义事件

    12630

    事件

    事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型,当文档、浏览器、元素或与之相关对象发生特定事情时,浏览器会产生事件。 目前主要有三种模型: 事件冒泡:事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的元素 事件捕获:不太具体的节点更早接收事件,而最具体的元素最后接收事件,和事件冒泡相反 DOM事件流:DOM2 级事件规定事件流包括三个阶段,事件捕获阶段,处于目标阶段,事件冒泡阶段,首先发生的是事件捕获,为截取事件提供机会,然后是实际目标接收事件,最后是冒泡阶段 ? 比如click、load、mouseover等,都是事件类型(俗称事件名称),而响应某个事件的方法就叫做事件处理程序或者事件监听器。 DOM2级事件处理方式: DOM2级事件处理方式指定了,添加事件处理程序和删除事件处理程序的方法。

    39530

    事件

    这个事件是用于捕捉鼠标焦点的: 代码示例: ? ? 运行效果: ? ? 焦点在哪个文本框哪个文本框就得到焦点,移出文本框就失去焦点。 getSource();方法是用于得到一个事件对象,这个对象包含了一个事件的所有要素。 addKeyListener(KeyListener); 键盘事件: 可以响应键盘的长按、按下、弹起事件,里面的饿getKeyCode();方法可以捕捉键盘上每一个键的代码。 addMouseListener(MouseListener); 鼠标事件: 可以响应鼠标的点击、按下、松开、进入和移出事件。 按下+松开=点击,当鼠标点击窗口上的组件时就是一个点击事件。 按着就是一次按下事件,然后松开就是一次松开事件,在鼠标箭头进入某个组件范围内时就是一次进入事件,同理将鼠标箭头移出组件范围外就是一次移出事件。   代码示例: ? ? 运行效果: ?

    17620

    JS 事件绑定、事件监听、事件委托详细介绍 转

    在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定、事件监听、事件委托(事件代理)等。这些名词是什么意思呢,有什么作用呢? 如果想知道更多事件类型请查看, DOM事件 。 ; } 使用事件监听绑定事件 绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数。下面详细介绍,事件监听。 事件监听 关于事件监听,W3C规范中定义了3个事件阶段,依次是捕获阶段、目标阶段、冒泡阶段。 起初Netscape制定了JavaScript的一套事件驱动机制(即事件捕获)。 事件委托优点 1、提高JavaScript性能。事件委托可以显著的提高事件的处理速度,减少内存的占用。 实例分析JavaScript中的事件委托和事件绑定 ,这篇文章写得还不错。

    3K30

    事件

    事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。 一、 事件事件流,描述的是从页面中接收事件的顺序。 1. 事件捕获 事件捕获(event capturing),不太具体的节点早接收到事件,而最具体的节点最后接收事件事件捕获的用意在于在事件到达预定目标之前捕获它。 DOM事件流 “DOM2级事件”规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。 ? DMO0级事件处理程序 将一个函数赋值给一个事件处理程序属性。每个事件只支持一个事件处理程序。 事件委托 解决“事件处理程序过多”问题。利用事件冒泡,只指定一个事件处理程序,来管理某一类型的所有事件

    47451

    nodejs事件事件循环简介

    同样的nodejs中也有事件,并且还有一个专门的events模块来进行专门的处理。 同时事件事件循环也是nodejs构建异步IO的非常重要的概念。 今天我们来详细了解一下。 比如:net.Server 会在每次有新连接时触发事件,fs.ReadStream 会在打开文件时触发事件,stream会在数据可读时触发事件。 on用来监听事件,emit用来触发事件。 所谓事件循环,就是指处理器在一个程序周期中,处理完这个周期的事件之后,会进入下一个事件周期,处理下一个事件周期的事情,这样一个周期一个周期的循环。 事件循环的阻塞 如果我们在事件处理过程中,某个事件的处理发生了阻塞,则会影响其他的事件的执行,所以我们可以看到在JS中,几乎所有的IO都是非阻塞的。

    14040

    nodejs事件事件循环简介

    同样的nodejs中也有事件,并且还有一个专门的events模块来进行专门的处理。 同时事件事件循环也是nodejs构建异步IO的非常重要的概念。 今天我们来详细了解一下。 比如:net.Server 会在每次有新连接时触发事件,fs.ReadStream 会在打开文件时触发事件,stream会在数据可读时触发事件。 on用来监听事件,emit用来触发事件。 所谓事件循环,就是指处理器在一个程序周期中,处理完这个周期的事件之后,会进入下一个事件周期,处理下一个事件周期的事情,这样一个周期一个周期的循环。 事件循环的阻塞 如果我们在事件处理过程中,某个事件的处理发生了阻塞,则会影响其他的事件的执行,所以我们可以看到在JS中,几乎所有的IO都是非阻塞的。

    20350

    Swift 日历添加事件 删除事件

    import EventKit /** Privacy - Calendars Usage Description 添加日历权限 info.list 配置权限 */ /// 日历添加事件 class var addAlarmDate:Double = 60 /// 事件商店 private var eventStore = EKEventStore() /// 添加事件 /// - Parameter time: "yyyy-MM-dd HH:mm:ss" open func addEventByTime(time:String ("未允许添加") } }) } /// 移除事件 通过事件id /// - Parameter = "事件标题" event.calendar = eventStore.defaultCalendarForNewEvents /// 日历显示标题

    41250

    浅谈JavaScript的事件事件对象)

    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含这所有与事件有关的信息。包括导致事件的元素、事件的类型和事件的相关信息。例如鼠标操作的事件中,会包含鼠标的位置信息。 而键盘触发的事件会包含与按下的键有关信息。所有浏览器都支持event对象,但支持方式不同。 DOM中的事件对象   兼容dom的浏览会将一个event对象传递到事件处理程序中。 但是如果通过attachEvent添加事件,则事件处理程序会传递一个event对象。   IE的event对象同样包含创建它的相关属性和方法,与DOM事件一样,也会因为事件类型的不同而不同。 ,取消事件的默认行为 srcElement Element 只读 事件的目标,与target相同   因为事件处理程序的指定方式不同,故它的作用域也不相同。 ,包括添加事件、移除事件、获取事件对象、获取事件的目标元素、阻止默认行为和阻止冒泡。

    34760

    委托与事件-事件详解(二)

    今天我们继续来了解委托和事件,现在我们来了解学习一下事件详解。 事件   事件基于委托,为委托提供了一种发布/订阅机制,在.Net中随处可见到这种事件,例如在应用程序中,Button类提供了Click事件,这类事件就是委托。    事件发布者(Publisher)--事件的发布者就是一个对象,这个对象维护自身的状态信息,一旦自身的状态信息发生了改变,那么便触发一个事件   事件订阅者(Subscriber)--对事件感兴趣的对象, 到底事件的一个怎么运行过程呢?在介绍此过程中我们先看下委托与事件的微软编码规范吧。 总结   我们仔细考虑下这整个委托与事件事件的本质也就是对委托的一种使用。看我们事件注册绑定和多播委托的用法是一样的,事件的声明也是使用的委托类。   大家好好想想其中的奥妙,然后理解消化下。

    21720

    jQuery 事件注册与事件处理

    1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制,操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法。 语法 ? 用于事件绑定,目前最好用的事件绑定方法 off(): 事件解绑 trigger() / triggerHandler(): 事件触发 2.1 事件处理 on() 绑定事件 on()方法在匹配元素上绑定一个或多 事件处理 off() 解绑事件 当某个事件上面的逻辑,在特定需求下不需要的时候,可以把该事件上的逻辑移除,这个过程我们称为事件解绑。 事件处理 trigger() 自动触发事件 有些时候,在某些特定的条件下,我们希望某些事件能够自动触发, 比如轮播图自动播放功能跟点击右侧按钮一致。

    23241

    浅谈JavaScript的事件事件流)

    事件流描述的是从页面中接收事件的顺序。IE的事件流失事件冒泡,而Netspace的事件流失事件捕获。 事件冒泡   IE的事件流叫事件冒泡,即事件开始时,由具体的元素(文档中嵌套层次最深的节点)接收,然后向上传播到不具体的节点。 事件捕获    事件捕获的思想是不太具体的节点先接收到事件,最具体的节点最后接收到事件事件捕获的用意在于事件到达最终的节点前,就可以捕获。 首先发生的是事件捕获,为事件的截获提供了机会。然后是实际目标接收到事件。最后一个是事件冒泡阶段,可以在这这个阶段对事件作出响应。 ?    下一个阶段处于目标阶段,于是事件在div上面发生,并在事件处理中被看成事件冒泡阶段的一部分。最后事件冒泡发生,并将事件回传到document。ie8以及更早的浏览器不支持Dom事件流。

    37380

    扫码关注腾讯云开发者

    领取腾讯云代金券