第13章 事件 JavaScript与 HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。 一、事件流 事件流描述的是从页面中接收事件的顺序。 事件流分事件冒泡流、事件捕获流、DOM事件流,建议使用事件冒泡流。 二、事件处理程序 响应某个事件的函数就叫做事件处 ...
分类:
其他好文 时间:
2019-11-22 01:21:41
阅读次数:
76
1.第一种,!$(event.target).is('input'),判断触发事件的元素是否为input。此时使用event.target,而不是this,获取事件本身,防止触发事件冒泡的问题。 $("#data_table tr").on("click",function (event) { if ...
分类:
Web程序 时间:
2019-11-18 12:38:31
阅读次数:
389
1.添加事件监听 v on (1)使用v on指令可以添加事件监听,语法: v on:eventName="fn" 也可以简写成 @:eventName="fn" (2)参数:$event就是当前触发事件的元素,即使不传$event,在回调函数中也可以使用event这个参数 基本使用: 其他事件: ...
分类:
Web程序 时间:
2019-11-09 11:54:08
阅读次数:
119
1.非行内样式获取 高级浏览器 ie浏览器 兼容写法 2.事件冒泡的兼容 高级浏览器 ie浏览器 兼容写法 3.阻止默认事件 高级浏览器 ie浏览器 兼容写法 4.DOM2级绑定事件 高级浏览器 ie浏览器 兼容写法和删除兼容 6.ajax的兼容 7.获取滚动条距离 8.鼠标编码的兼容 9.获取键盘 ...
分类:
Web程序 时间:
2019-11-02 16:01:09
阅读次数:
101
jQuery用on()方法绑定了事件之后,在代码执行过程中,可能会遇到事件被多次执行的情况。 本来以为是事件冒泡的问题,后来发现是on()方法的特性引起的问题。 简单还原一下问题的场景 这里简单还原一下问题的场景,使用一个按钮给另一个按钮通过on()方法绑定事件。 HTML的部分 JavaScrip ...
分类:
Web程序 时间:
2019-10-29 09:19:18
阅读次数:
106
1.事件流概念: 事件流描述是从页面中接受事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。 比如我们给div注册了点击事件: DOM事件流分为3个阶段:1.捕获阶段。2,当前目标阶段。3.冒泡阶段 事件冒泡:IE最早提出,事件开始时由具体的元素接受,然后逐级向上 ...
分类:
其他好文 时间:
2019-10-28 14:21:24
阅读次数:
52
㈠事件流 ?事件:是文档和浏览器窗口中发生的,特定的交互瞬间。 ?事件流:描述的是从页面中接受事件的顺序 ⑴DOM事件冒泡 定义:事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接受,然后逐级向上传播至最不具体的那个节点(文档)。 具体讲解: 代码: 说明:点击按钮,浏览器就会认为:你点按钮 ...
分类:
其他好文 时间:
2019-10-25 18:39:26
阅读次数:
97
一、事件的绑定:一个元素可以绑定多个同类型事件 2、自动触发事件与取消默认事件 原生JS中 2)取消冒泡 function(e){ if( e && e.stopPropation ) e.stopPropagation(); else window.event.cancelBubble = tru ...
分类:
Web程序 时间:
2019-10-25 16:29:00
阅读次数:
123
1. 事件绑定;2. 事件触发;3. 事件冒泡和默认行为;4. 获取当前鼠标的位置和按下的按键 ...
分类:
Web程序 时间:
2019-10-21 22:10:55
阅读次数:
238
1,前端点击,阻止鼠标选中文字:-webkit-user-select: none; 2,label 事件冒泡阻止: ...
分类:
其他好文 时间:
2019-10-17 16:01:02
阅读次数:
64