首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript 编程精解 中文第三版 十五、处理事件

一个更好机制是,系统在发生事件时主动通知我们代码。浏览器实现了这种特性,支持我们函数注册为特定事件处理器。...该方法有时很实用,例如,你一个按钮放在另一个可点击元素中,你不希望点击该按钮会激活外部元素点击行为。 下面的示例代码mousedown处理器注册到按钮和其外部段落节点上。...请注意,这些代码顺序button使用顺序不同,中键位于右键之前。 如前所述,一致性并不是浏览器编程接口强项。...实际上,事件处理器是在进行滚动之后才触发。 焦点事件 当元素获得焦点时,浏览器会触发其上focus事件。当失去焦点时,元素会获得blur事件前文讨论事件不同,这两个事件不会传播。...你可以根据你需要实现简单或复杂方法。简单解决方案是保存固定鼠标的轨迹元素并循环使用它们,每次mousemove事件触发下一个元素移动到鼠标当前位置。

5.5K20

JQ事件事件对象

,如果鼠标移入所选元素后代时,不会触发(增加阻止事件冒泡功能) <...有两个参数(方法),鼠标一定到指定对象以及移出时会触发 二 键盘事件    1 keydown 键盘按下时触发事件    2 keyup     键盘松开一瞬间触发事件    3 keypress... 键盘按下松开整个过程触发事件 //keydown()和keypress区别    keydown()按下任意键都会触发keypress()事件只在按下键盘中任意字符键(A-Z)时触发,功能键不会触发...在mousedown、mouseup事件中,event.which属性返回是对应鼠标按钮映射代码值(相当于event.button)。...以下是主要鼠标按钮映射代码对应表 Event.which属性值 对应鼠标按钮 1 鼠标左健 2 鼠标中健(滚轮键) 3 鼠标右健       6 event.preventDefault()  阻止事件默认行为

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

inputchangecompositionkeydown事件详解

keydown事件在按下键盘按键后触发。 扩展阅读 详细介绍各个事件不同。 input input是理想文本内容变化监听事件,可以在内容改变后实时触发。...change change事件触发时机根据表单元素type用户交互决定。...如上图,输入数字并不会触发composition,有输入法编辑器时才会触发keydown 从按钮按下到弹起,会依次触发keydown、keypress、keyup事件。...其中keydown会在按下任意字符后触发,keyup会在按键弹起后触发(chrome下中/英切换按钮弹起不会触发keyup)。...keypress会在按下可显示内容(数字/字母/符号)后在keydown之后触发。shift | meta等不会产生实际内容按钮不会触发keypress。

2K10

JQuery事件

,keydown,keyup区别:  1.keydown:在键盘上按下某键时发生,一直按着则会不断触发(opera浏览器除外), 它返回是键盘代码;  2.keypress:在键盘上按下一个按键,并产生一个字符时发生...注意: shift、alt、ctrl等键按下并不会产生字符,所以监听无效 ,换句话说, 只有按下能在屏幕上输出字符按键时keypress事件才会触发。若一直按着某按键则会不断触发。  ...3.keyup:用户松开某一个按键时触发, keydown相对, 返回键盘代码....二.两种常用用法举例 案例1:获取按键代码或字符ASCII码 $(window).keydown( function(event){ // 通过event.which可以拿到按键代码....: 通过event.data传递给事件处理函数任意数据;  handler: 指定事件处理函数; 举例: // 只允许按下字母键生效, 65~90是所有小写字母键盘代码范围. var validKeys

2.1K40

浅谈JavaScript事件事件类型)

DOM3级事件类型主要包括:UI事件,用户页面上元素交互时触发;焦点事件,元素获得或失去焦点触发;鼠标事件,用户通过鼠标在页面上执行操作时触发;滚轮事件使用鼠标滚轮时触发;文本事件,当在文档中输入文本时触发...有6个焦点事件:blur事件,元素失去焦点时触发事件不会冒泡;focus事件,元素获得焦点时触发不会冒泡;focusin事件,元素获得焦点时触发,会冒泡;focusout事件,元素失去焦点时触发,会冒泡...键盘文本事件   用户在使用键盘时会触发键盘事件,有3个事件keydown事件,当用户按下键盘上任意键时触发,如果按住不放会重复触发事件;keypress事件,当用户按下键盘上字符键时触发,如果按住不放会重复触发事件...其中keydown和keypress是在文本框发生变化之前触发,keyup是在文本框变化之后触发。如果按下是非字符集,则会触发keydown和keyup事件。   ...在发生keydown和keyup事件时,event对象keyCode属性会包含一个代码键盘上一个特定键对应。

1.8K50

事件

"); }, true); “DOM2级事件”明确要求捕获阶段不会涉及事件目标,IE9、Safari、Chrome、Firefox和Opera及更高版本浏览器都会在捕获阶段触发事件对象上事件...注意:在这些代码运行以前不会指定事件处理程序,因此如果这些代码在页面中位于按钮后面,就有可能在一段时间内怎么点击都没有反应。 3....键盘文本事件 事件 说明 keydown 用户按下键盘上任意键时触发,而且如果按住不放的话,会重触发事件。...,而“keypress”并不会触发; esc、删除键、ctrl、shift等只会触发keydown事件; 回车会同时触发keydown”和“keypress”事件; DOM3级事件中,keyCode...移除事件处理程序 每当事件处理程序指定给元素时,运行中浏览器代码支持页面交互JavaScript代码之间就会建立一个连接。这种链接越多,页面执行起来就越慢。

3.2K51

一、Vue2笔记--基础篇--07-事件处理

1、事件基本使用 事件基本使用: 1.使用v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名; 2.事件回调需要配置在methods...2.stop:阻止事件冒泡(常用); 3.once:事件触发一次(常用); 4.capture:使用事件捕获模式; 5....使用事件捕获模式(事件发生时先捕获,再冒泡(触发),现在,用了这个模式,让他在捕获阶段就开始触发) --> <div class="box1" @click.capture="showMsg...(按下放开<em>触发</em>)<em>使用</em>:按下修饰键<em>的</em>同时,再按下其他键,随后释放其他键,<em>事件</em>才被<em>触发</em>。...ctrl+z (2).配合<em>keydown</em>(按下<em>触发</em>)<em>使用</em>:正常<em>触发</em><em>事件</em>。

12810

答案:Excel VBA编程问答33题,继续……

4.KeyDown事件过程中代码如何取消按键? 通过KeyCode参数设置为0。 5.在用户窗体上对齐控件最快方法是什么? 通过使用“格式”菜单上“对齐”命令。...8.如何命名事件过程? 通过使用对象名称、下划线和事件名称。 9.通过Application.EnableEvents属性设置为False不会禁用哪些事件? 用户窗体上事件。...10.当用户在任何工作表中进行修改操作时,触发哪个事件? Workbook.SheetChange事件。 11.用户如何阻止打开工作簿时触发Open事件? 按住Shift键。...16.是非题:保护工作簿密码可防止用户查看你VBA代码。 错误。必须使用“项目工程属性”对话框中“保护”选项卡,VBA工程设置给工作簿任何密码分开锁定。...31.类方法常规VBA过程有何不同? 除了在类模块中之外,没有什么不同。 32.什么是辅助方法? 仅应从类内部而不是类外部代码调用方法。 33.在销毁对象之前触发了什么事件

4.2K20

4-Jquery学习四-事件操作

使用该函数可以手动触发执行元素上绑定事件处理函数,也会触发执行该元素默认行为。...该函数作用于trigger()函数相似,triggerHandler()函数具有以下例外情况: 1-triggerHandler()不会触发执行元素默认行为(例如链接click事件默认跳转行为,...2-triggerHandler()触发事件只针对jQuery对象中第一个匹配元素。 3-triggerHandler()触发事件不会在DOM树中冒泡,因此事件不会冒泡传递到它任何祖辈元素。...; return false; // 返回值为false,阻止表单提交 } } ); 24,keydown 25,keypress 26,keyup keydown事件会在按下键盘按键时触发...它与keypress事件类似,keypress着重是按下该键输入了哪个字符(只有能够打印字符键才会触发keypress) keydown着重是按下了哪个键(按下任何键都可触发keydown)。

4.4K90

前端开发JS——jQuery常用方法

但是他们最主要区别是第四点可能会处理冒泡事件,这第五点是不会处理冒泡事件 6、jQuery鼠标事件之hover事件 这个事件是第五点总结方法,所以他也不会处理冒泡事件,即悬停事件,在元素区域内悬停(...,就会执行函数里操作,如果里面含有this,this指向触发事件元素对象 10、jQuery表单事件之select事件 select事件只能用于元素元素。...注:如果要阻止浏览器某些默认行为,可以传统调用事件对象e.preventDefault()来处理;也可以在函数上返回false 12、jQuery键盘事件keydownkeyup事件 keydown...13、jQuery键盘事件之keypress()事件 keydown事件触发在文字还没敲进文本框,这时如果在keydown事件中输出文本框中文本得到触发键盘事件文本,而keyup事件触发时整个键盘事件操作已经完成...$ele.on('click', function(){ alert("触发系统事件") }); 必须用户点击这个元素才能触发这个事件 $ele.trigger("click"); 只要写出这行代码

4.8K20

【建议收藏】面试官贼喜欢问 32+ vue 修饰符,你掌握几种啦?

首先可以明确是点击上面和下面的子节点都不会触发父节点点击事件 点击下面的父节点会打印出我是父节点,但是不会跳转掘金 点击上面的父节点会打印出我是父节点,也不会跳转掘金 但是点击上面的子节点,父节点会不会跳转至掘金呢...而点击span元素时,由于冒泡缘故,点击事件会传递给a,但是此时a会判断出该事件不是由自身触发也就不会阻止默认事件(此时也就发生跳转了),当然也不会触发onClickParent回调 同理来我们分析一下...once.gif 6 .native 我们知道在自定义组件上,只能监听自定义事件,一些原生事件(比如click)是没有办法直接触发,但是使用.native修饰符可以帮我们办到这点 native.vue...-- 滚动事件默认行为 (即滚动行为) 将会立即触发 --> <!...如下代码,我们分别给enter、tab、delete等按键指定了keydown事件,当在指定输入框中按下指定键盘,会打印出enter、tab、delete等,其他按键在输入框中无法触发该console

2.6K10

JavaScript进阶内容——jQuery

$(选择器).action() jQuery使用顺序 jQuery是开源JS文件代码,我们需要先获得其JS文件,才能够使用 在官网中下载jQueryJS文件,或者复制其代码,自定义一个jQuery代码...$ 我们在这里介绍一下jQuery出场率最高$符号: 是jQuery别称,在代码中我们可以用代替jQuery,一般为了方便,我们习惯写 是jQuery顶级对象,类似于JavaScript中window...CSS选择器完全相同: 标签选择器 类选择器 ID选择器 层次选择器 兄弟选择器 代码展示: <!...jQuery鼠标事件和键盘事件JavaScript原生代码事件完全相同: 鼠标事件 触发条件 click 鼠标点击左键触发 mouseover 鼠标经过触发 mouseout 鼠标离开触发 focus...keydown 某个键盘按键被按下时触发 keypress 某个键盘按键被按下时触发(不能识别功能键,如ctrl,shift,左右箭头) 代码展示: <!

5.4K10

Vue3 | 事件处理知识 以及 相关修饰符 实战

对象 了解 事件函数传入参 事件函数传入参 同时获取 原生MouseEvent对象 写法 一个按钮 同时触发多个 回调函数 写法 Vue事件传递 Vue默认事件传递是由里而外安卓 自上而下事件分发机制...才会回调外层组件回调方法, 而点击内部标签组件元素(如下代码button)时候, 不会触发外层组件回调方法: const app = Vue.createApp(...可以提高滚动性能 按键事件指令@keydown 常规按键回调指令是@keydown, 被该指令修饰组件,只要点击了,就会触发相关回调方法: <!...@keydown按键修饰符.enter 当.enter修饰按键事件指令时,对应组件需要输入回车键, 才会触发按键事件keydown回调: const app = Vue.createApp...@keydown按键修饰符tab、delete、esc、up、down、left、right等 意义同理于以上.enter,被修饰对应组件需要输入对应修饰符键, 才会触发按键事件keydown

76420

02-老马jQuery教程-jQuery事件处理

事件大多数时候会与mouseenter 事件一起使用 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。...当按钮被按下时,会发生该事件。它发生在当前获得焦点元素上。 不过, keydown 事件不同,每插入一个字符,就会发生 keypress 事件。...但不会执行浏览器默认动作,也不会产生事件冒泡。 这个方法行为表现trigger类似,但有以下三个主要区别: 第一,他不会触发浏览器默认事件。...这个方法是基本是的 .bind() 方法一个变体。使用 .bind() 时,选择器匹配元素会附加一个事件处理函数,而以后再添加元素则不会有。为此需要再使用一次 .bind() 才行。...再也不会触发 foo 2.6.2 解绑live事件(die) 语法: $dom.die(type, [fn]) 元素中删除先前用.live()绑定所有事件.(此方法live正好完全相反。)

2.7K80

Excel VBA编程问答33题,继续……

3.是非题:KeyDown事件过程可以使用KeyCode参数判断用户输入是4还是$。 4.KeyDown事件过程中代码如何取消按键? 5.在用户窗体上对齐控件最快方法是什么?...9.通过Application.EnableEvents属性设置为False不会禁用哪些事件? 10.当用户在任何工作表中进行修改操作时,触发哪个事件?...11.用户如何阻止打开工作簿时触发Open事件? 12.什么是数据验证? 13.你应该在何处放置工作簿级别事件事件过程? 14.如何定义在一天特定时间执行代码?...28.是非题:PropertyGet过程返回值必须PropertyLet过程参数具有相同数据类型。 29.如何验证仅接受包含某些值属性数据? 30.如何在代码中引用对象属性?...31.类方法常规VBA过程有何不同? 32.什么是辅助方法? 33.在销毁对象之前触发了什么事件? 如果有兴趣,可以在留言中写下你答案。 欢迎在下面留言,完善本文内容,让更多的人学到更完美的知识。

1.8K30

什么是 JavaScript 事件

JavaScript事件是指在网页中发生交互性操作或特定系统事件,例如用户点击、鼠标移动、按键按下等。通过JavaScript,你可以捕捉和处理这些事件,并在事件发生时执行相应代码。...事件可以网页上元素相关联,例如按钮、链接、输入框等,也可以整个文档或浏览器窗口相关联。当事件触发时,可以执行预定义JavaScript函数或代码块,以响应事件并执行相应操作。...(keydown、keyup): 键盘事件在用户按下或释放键盘上键时触发。...你可以使用表单事件来验证用户输入、发送数据或执行其他表单相关操作。...; }); 6:页面滚动事件(scroll): 页面滚动事件在用户滚动网页时触发。你可以使用事件来实现页面滚动相关效果,如导航栏固定位置或懒加载图片等。

18520
领券