文档章节

HTML事件的执行顺序

独鸣在彼岸
 独鸣在彼岸
发布于 2016/12/01 21:24
字数 71
阅读 30
收藏 0

 

var body = document.getElementsByTagName("body");
body = body[0];
body.addEventListener("touchstart", function(){console.log("touchstart")}, false);
body.addEventListener("touchend", function(){console.log("touchend")}, false);
body.addEventListener("touchmove", function(){console.log("touchmove")}, false);
body.addEventListener("mousedown", function(){console.log("mousedown")}, false);
body.addEventListener("mouseup", function(){console.log("mouseup")}, false);
body.addEventListener("mousemove", function(){console.log("mousemove")}, false);
body.addEventListener("click", function(){console.log("click")}, false);

点击鼠标后的事件执行顺序如下:

© 著作权归作者所有

共有 人打赏支持
独鸣在彼岸
粉丝 4
博文 228
码字总数 35784
作品 0
广州
私信 提问
JS冒泡事件 与 事件捕获

JS冒泡事件 与 事件捕获 案例 小结 1.点击myDiv。依次是Div-Body-Html-Document-Window 2.点击其他空白地方。依次是Html-Document-Window 3.连续点击两次,会按顺序执行两次 4.冒泡的前提是,...

桃子红了呐
2018/01/07
0
0
jQuery内ready与load事件的区别[转]

我之所以转载这篇文章,是因为我前两天在写http://hi.baidu.com/see7di/blog/item/c2ba78601de67c5deaf8f8e9.html这个的时候曾经碰到过ready与load的问题.所以转载过来看一下. 在前面小节中曾...

小囧
2011/08/11
0
0
JavaScript---事件绑定方式(传递参数)

事件绑定方式:将对html元素或窗口的操作绑定给响应函数的方式。共四种 Html级别绑定 符合DOM0 级的事件绑定方式 符合DOM2 Html级别绑定 无法设置事件流 符合DOM0 级的事件绑定方式 将响应程...

奋斗的小芋头
2016/12/06
51
0
如何优雅的封装一个DOM事件库

1、DOM0级事件和DOM2级事件 DOM 0级事件是元素内的一个私有属性:div.onclick = function () {},对一个私有属性赋值(在该事件上绑定一个方法)。由此可知DOM 0级事件只能给元素的某一个行为绑...

余大彬
2018/08/11
0
0
Javascript 中js语句执行顺序

如果我们把嵌入在HTML中的<script> js coding </script>看做Js代码块(实际上Js没有代码块的意义一说,如果真要看成代码块那也应该是按函数块来划分)的话,下面就是Js代码执行顺序: 这里转...

learn_more
2014/09/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

操作数据库表

/* DML:数据库操作语言 主要对表中的数据库进行 增删改 ****增:插入一条记录 insert into 表名 (列名1,列名2..) values (值1,值2..) 注意: 1.列名可以在表中选择一列或者几列 2.后面的值 必须...

stars永恒
18分钟前
1
0
你真的了解 volatile 关键字吗?

volatile关键字经常在并发编程中使用,其特性是保证可见性以及有序性,但是关于volatile的使用仍然要小心,这需要明白volatile关键字的特性及实现的原理,这也是本篇文章的主要内容。 一、J...

Henrykin
18分钟前
1
0
条码插件TBarCode Office系列教程二(Word Add-In篇)

TBarCode Office是一款适用于Microsoft Word 2007、2010和2013的条码插件,通过此插件可以轻松的在您的文档中嵌入代码。此系列教程旨在介绍TBarCode Office的常见问题及解答,帮助大家学习使...

ymy_666666
18分钟前
1
0
折腾Java设计模式之命令模式

博客原文地址 折腾Java设计模式之命令模式 命令模式 wiki上的描述 Encapsulate a request as an object, thereby allowing for the parameterization of clients with different requests, ......

大萌小路
19分钟前
2
0
微服务架构:基于微服务和Docker容器技术的PaaS云平台架构设计

基于微服务架构和Docker容器技术的PaaS云平台建设目标是给我们的开发人员提供一套服务快速开发、部署、运维管理、持续开发持续集成的流程。平台提供基础设施、中间件、数据服务、云服务器等资...

编程SHA
20分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部