文档章节

HTML事件的执行顺序

独鸣在彼岸
 独鸣在彼岸
发布于 2016/12/01 21:24
字数 71
阅读 29
收藏 0
点赞 0
评论 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
博文 188
码字总数 35784
作品 0
广州
JS冒泡事件 与 事件捕获

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

桃子红了呐 ⋅ 01/07 ⋅ 0

jQuery内ready与load事件的区别[转]

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

小囧 ⋅ 2011/08/11 ⋅ 0

js 添加事件 attachEvent 和 addEventListener 的用法

一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个元素上添加多次同一事件呢? obj.onclick=method1;obj.onclick=method2;obj.onclick=m...

鉴客 ⋅ 2011/08/11 ⋅ 11

JavaScript---事件绑定方式(传递参数)

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

奋斗的小芋头 ⋅ 2016/12/06 ⋅ 0

Javascript 中js语句执行顺序

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

learn_more ⋅ 2014/09/21 ⋅ 0

Qt中连接到同一signal的多个slots的执行顺序问题

in the order they have been connected 起源 前些天忘记在哪儿讨论过这个问题,今天在csdn又看到有网友问这个问题,而其他网友却无一例外的给出了“无序”这个答案。 Manual Qt的问题,当m...

晨曦之光 ⋅ 2012/05/08 ⋅ 0

script中defer和async的区别

定义 对于defer,我们可以认为是将外链的js放在了页面底部。js的加载不会阻塞页面的渲染和资源的加载。不过defer会按照原本的js的顺序执行,所以如果前后有依赖关系的js可以放心使用。 对于a...

Juicyangxj ⋅ 2017/11/20 ⋅ 0

js 与jquery 同时绑定一个ID onclink事件

事例代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.o......

訫犫 ⋅ 2015/10/29 ⋅ 0

click和onclick的区别

onclick是绑定事件,click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,下面有个示例,大家可以看看 Html代码 区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做...

无信不立 ⋅ 2015/02/12 ⋅ 0

Javascript在网页页面加载时的执行顺序

原文:http://blog.csdn.net/kylinbl/article/details/6160587 操作HTML DOM文档的一个难题是,你的JavaScript代码可能在DOM完全载入之前运行,这会导致你的代码产生一些问题。页面加载时浏览...

樂天 ⋅ 2015/11/20 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Jenkins实践3 之脚本

#!/bin/sh# export PROJ_PATH=项目路径# export TOMCAT_PATH=tomcat路径killTomcat(){pid=`ps -ef | grep tomcat | grep java|awk '{print $2}'`echo "tom...

晨猫 ⋅ 今天 ⋅ 0

Spring Bean的生命周期

前言 Spring Bean 的生命周期在整个 Spring 中占有很重要的位置,掌握这些可以加深对 Spring 的理解。 首先看下生命周期图: 再谈生命周期之前有一点需要先明确: Spring 只帮我们管理单例模...

素雷 ⋅ 今天 ⋅ 0

zblog2.3版本的asp系统是否可以超越卢松松博客的流量[图]

最近访问zblog官网,发现zlbog-asp2.3版本已经进入测试阶段了,虽然正式版还没有发布,想必也不久了。那么作为aps纵横江湖十多年的今天,blog2.2版本应该已经成熟了,为什么还要发布这个2.3...

原创小博客 ⋅ 今天 ⋅ 0

聊聊spring cloud的HystrixCircuitBreakerConfiguration

序 本文主要研究一下spring cloud的HystrixCircuitBreakerConfiguration HystrixCircuitBreakerConfiguration spring-cloud-netflix-core-2.0.0.RELEASE-sources.jar!/org/springframework/......

go4it ⋅ 今天 ⋅ 0

二分查找

二分查找,也称折半查找、二分搜索,是一种在有序数组中查找某一特定元素的搜索算法。搜素过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜素过程结束;如果某一特定元素大于...

人觉非常君 ⋅ 今天 ⋅ 0

VS中使用X64汇编

需要注意的是,在X86项目中,可以使用__asm{}来嵌入汇编代码,但是在X64项目中,再也不能使用__asm{}来编写嵌入式汇编程序了,必须使用专门的.asm汇编文件来编写相应的汇编代码,然后在其它地...

simpower ⋅ 今天 ⋅ 0

ThreadPoolExecutor

ThreadPoolExecutor public ThreadPoolExecutor(int corePoolSize, int maximumPoolSize, long keepAliveTime, ......

4rnold ⋅ 昨天 ⋅ 0

Java正无穷大、负无穷大以及NaN

问题来源:用Java代码写了一个计算公式,包含除法和对数和取反,在页面上出现了-infinity,不知道这是什么问题,网上找答案才明白意思是负的无穷大。 思考:为什么会出现这种情况呢?这是哪里...

young_chen ⋅ 昨天 ⋅ 0

前台对中文编码,后台解码

前台:encodeURI(sbzt) 后台:String param = URLDecoder.decode(sbzt,"UTF-8");

west_coast ⋅ 昨天 ⋅ 0

实验楼—MySQL基础课程-挑战3实验报告

按照文档要求创建数据库 sudo sercice mysql startwget http://labfile.oss.aliyuncs.com/courses/9/createdb2.sqlvim /home/shiyanlou/createdb2.sql#查看下数据库代码 代码创建了grade......

zhangjin7 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部