jQuery事件冒泡: click mouseenter 等事件没有绑定 也会触发,只是触发后没有任何结果 子元素触发事件后,会把触发事件传递给父元素,那么父元素也会被触发。 不管有没有绑定事件,都会触发事件,只是没有结果,事件冒泡传递还是会发生 系统自动产生的event事件对象 function传 ...
分类:
Web程序 时间:
2018-12-13 16:18:10
阅读次数:
513
前言 本文主要介绍DOM事件级别、DOM事件模型、事件流、事件代理和Event对象常见的应用,希望对你们有些帮助和启发! 本文首发地址为GitHub博客,写文章不易,请多多支持与关注! 一、DOM事件级别 DOM级别一共可以分为四个级别:DOM0级、DOM1级、DOM2级和DOM3级。而DOM事件分 ...
分类:
其他好文 时间:
2018-12-12 20:39:30
阅读次数:
224
一、常用事件 click(function(){...}) // 点击时触发 focus(function(){...}) // 获得焦点触发 blur(function(){...}) // 失去焦点触发 change(function(){...}) // 内容改变后触发 keyup(funct ...
分类:
Web程序 时间:
2018-12-09 17:23:32
阅读次数:
230
事件委托 1. 事件流 事件流描述的是从页面中接收事件的顺序。 JS高级程序设计(第3版) 规定的事件流有三个阶段:①事件 捕获 阶段、②处于 目标 阶段、③事件 冒泡 阶段 2. 事件委托 当需要添加的事件过多时,可以使用 事件委托 ,而事件委托实际上利用了事件 冒泡 的特性。 使用事件委托还需了 ...
分类:
Web程序 时间:
2018-12-08 17:10:07
阅读次数:
453
知识点预习1、jQuery事件冒泡2、事件委托3、元素节点操作4、正则表达式及表单验证实例01-submit事件//监听提交的事件$("form").submit(function(abc){//阻止系统的默认行为//abc.preventDefault();returnfalse;})事件冒泡的原理在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事
分类:
编程语言 时间:
2018-12-07 18:27:05
阅读次数:
233
1.fn()与fn的区别? fn():执行里面的函数 fn: 将函数的内容赋给谁 2.事件委托的解析 onmouseenter,onmouseleave与onmouseover,onmouseout的区别? onmouseenter获取的事件源(target)是元素的本身,所以他没有事件冒泡的机制 ...
分类:
其他好文 时间:
2018-12-04 20:02:32
阅读次数:
199
每个元素身上的事件是天生自带的,不需要我们去定义,只需要我们给这个事件绑定一个方法,当事件触发的时候就会执行这个方法。 事件绑定的写法 1.div.onclick=function(){}···DOM0级 2.div.addEventLostener()或div.attachEvent()···DO ...
分类:
其他好文 时间:
2018-12-03 15:28:59
阅读次数:
186
观察者模式 观察者模式又称发布-订阅模式,其定义了一种多对多的依赖关系,让多个观察者对象同时监听某一个主题对象。这个主题对象在状态发生变化时,会通知所有观察者对象,使他们能自动更新自己。 观察者模式的动机 将一个系统分割成一系列相互协作的类有一个很不好的副作用就是需要维护相关对象间的一致性。 我们不 ...
分类:
其他好文 时间:
2018-12-03 14:04:21
阅读次数:
197
一、事件流(捕获,冒泡) 事件流:指从页面中接收事件的顺序,有冒泡流和捕获流。 当页面中发生某种事件(比如鼠标点击,鼠标滑过等)时,毫无疑问子元素和父元素都会接收到该事件,可具体顺序是怎样的呢?冒泡和捕获则描述了两种不同的顺序。 DOM2级事件规定事件流包括三个阶段,如图: 假如我们点击一个div, ...
分类:
Web程序 时间:
2018-11-29 17:55:36
阅读次数:
190
重点来了:一定要记住error事件不冒泡(如果要用js的方法替换默认出错图片,记得把img的alt属性去掉)。 相关的知识点:jquery的ready方法、$("img").error()、img的complete属性、插件imagesLoaded、事件委托、事件捕获和图片预加载的方法等 1. 图片 ...
分类:
Web程序 时间:
2018-11-28 23:46:10
阅读次数:
309