什么是事件? 事件是文档或浏览器窗口发生的一些特定的交互瞬间, 比如 点击 双击 滚动条滑动…… 什么是事件流? 事件流指的是 从页面接收事件的顺序。 关于事件流,IE和Netscape提出了差不多相反的概念,IE提出的就是广为人知的事件冒泡流,而Netscape提出的则是事件捕获流。 事件冒泡流: ...
分类:
Web程序 时间:
2018-03-13 18:11:07
阅读次数:
228
事件对象的使用、属性和方法1event.target代表当前触发事件的元素,可以通过当前元素对象的一系列属性来判断是不是我们想要的元素2target属性可以是注册事件时的元素或者子元素,通常用于比较event.target和this来确定是不是由于冒泡而触发的,经常用于事件冒泡时处理事件委托3事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内
分类:
其他好文 时间:
2018-03-13 11:04:16
阅读次数:
204
说到事件代理,首先得知道js的事件冒泡机制。 事件冒泡是指在一个dom节点触发一个事件比如onclick事件以后,这个事件会继续往节点的父节点传递,若父节点也绑定了onclick事件,则同样会触发父节点的onclick事件,然后继续往父节点的父节点传递....由内层往外层传递。 事件代理就是利用了事 ...
分类:
Web程序 时间:
2018-03-11 19:10:37
阅读次数:
530
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 ...
分类:
其他好文 时间:
2018-03-09 19:03:39
阅读次数:
166
概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰 ...
分类:
Web程序 时间:
2018-03-09 18:01:21
阅读次数:
205
前言 本节分为四大块: 1. 商品详情页 food 组件(布局样式、第三方插件库better-scroll 的应用) 2. split 组件 3. ratingselect 组件 4. 评价列表 商品详情页 food 组件 1. CSS 设置 1 <style lang="stylus" rel=" ...
分类:
其他好文 时间:
2018-03-08 02:46:32
阅读次数:
210
一:事件流 事件流描述的是从页面中接收事件的顺序。 事件冒泡 点击id为three的div,会依次打印出结果:点击的是three、点击的是two、点击的是one。 事件捕获 将点击id为three的div,会依次打印出结果:点击的是one、点击的是two、点击的是three。 二:事件处理机制 1. ...
分类:
编程语言 时间:
2018-03-07 15:07:07
阅读次数:
187
起因:最近写网页其中一个模块使用tab切换~每一个tab里都有点击按钮提交事件,刚开始点击提交只执行一次,但是只要我tab切换页面又切换回来该页面,再点击该按钮,我切换了多少次页面,代码提交也会提交很多次; 原因:后来找了一下原因,得知是因为JQ事件委托导致点击事件多次执行的(事件委托是指:利用事件 ...
分类:
其他好文 时间:
2018-03-03 14:07:45
阅读次数:
211
学习内容: 1.事件监听 2.事件冒泡 事件会从子元素到父元素顺序执行 3.动图 ...
分类:
编程语言 时间:
2018-03-02 22:15:10
阅读次数:
211
1.返回顶部功能的实现 2.仿迅雷评分的小功能 3.分享小功能:平时我们会看到有些网站点击侧栏分享小按钮会有很多分享平台 4.JS实现固定侧边栏广告,广告不会随着鼠标的滑动而变化位置 5.有时候我们会看到打开新窗口就会运行里面的程序 点击run里面的程序代码会执行 6.事件冒泡的处理:阻止事件冒泡可 ...
分类:
编程语言 时间:
2018-03-02 20:36:42
阅读次数:
188