html表单window.onload,html事件绑定总结以及window.onload和document.body.onload事件

//1 document.onkeydown如果多次监听同样的事件，那么前面的监听函数都会被最后一次的监听函数所覆盖。

//如下所示：

document.onkeydown = function(evt) {

alert(9);

};

document.onkeydown = function(evt) {

alert(8);

};

//结果是8

//2 document.onkeydown和document.body.onkeydow上下级事件处理逻辑

//如下所示：

document.onkeydown = function(evt) {

alert(9);

};

document.body.onkeydown = function(evt) {

alert(8);

};

//结果是先8后9--事件冒泡执行--上述事件绑定和下面的处理方式是一样的

document.addEventListener("keydown", function() {

alert(9);

}, false);

document.body.addEventListener("keydown", function() {

alert(8);

}, true);

//target.addEventListener(evtType, callbackFunc,useCapture);

//evtType--target的事件名字-必须是"keydown",而不是"onkeydown"

//callbackFunc--事件触发函数

//useCapture--是否是捕获型事件,默认是false--如果是false，则是冒泡型事件

//##但如果采用该方式来监听对象事件，那么如果是类似于上述1中绑定了相同事件，那么不会被后续的函数覆盖，而是那些已绑定的事件都有触发！

//##而且，这时候那些相同的监听函数，都是从先到后来执行的，也就是类似于队列(先进先出)，而不是栈(先进后出)；也就是这时候第三个参数useCapture就不起作用了。

//3 window.onload--页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了--也就是load的时间(打开devtools-network-load)

//4 document.onload/document.body.onload--仅当DOM加载完成，不包括样式表，图片，flash--也就是DOMContentLoaded的时间(打开devtools-network-DOMContentLoaded)

演示例子：http://ie.microsoft.com/testdrive/HTML5/DOMContentLoaded/Default.html

参考文章：

http://www.cnblogs.com/hh54188/archive/2013/03/01/2939426.html

html表单window.onload,html事件绑定总结以及window.onload和document.body.onload事件相关推荐

vue3 antd项目实战——Form表单使用【v-model双向绑定数据，form表单嵌套input输入框、Radio单选框】
vue3 ant design vue项目实战--单选框(Radio)的使用以及Form表单的双向绑定知识调用(form表单的源代码附在文章最后) 场景复现实现需求 form表单整体架构的搭建 i ...
web前端学习笔记26-事件类型——一般事件、页面事件、表单事件
一.事件类型的分类事件分为一般事件.页面事件和表单事件二.一般事件关键字释义关键字释义 click 单击事件 dblclick 双击事件 mousemove 鼠标移动事件 mouseove ...
Vue学习笔记(六) 表单输入绑定
v-model 指令在表单元素上创建双向数据绑定,它负责用于监听用户输入事件以更新数据注意,v-model 会忽略所有表单元素特性的初始值,而总是将 Vue 实例的数据作为数据来源 1.输入框 &l ...
c++ post请求_Golang GinWeb框架5绑定请求字符串/URI/请求头/复选框/表单类型
简介本文接着上文(Golang GinWeb框架4-请求参数绑定和验证)继续探索GinWeb框架只绑定查询字符串使用SholdBindQuery方法只绑定查询参数, 而不会绑定post的数据. ...
form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
JSP事件——键盘、鼠标、表单
JS事件通常是指用户通过鼠标或者键盘以及其他方式对浏览器或浏览器网页中的某些节点或者元素进行操作,是用户与浏览器交互最为常见的方式. 1.键盘 1.onclick onclick是最常见的鼠标事件,由 ...
button layui 点击事件_解决layui中的form表单与button的点击事件冲突问题
解决layui中的form表单与button的点击事件冲突问题 layui的form表单位置和button标签的位置重合,会使得button的click事件得不到响应,如图: 蓝色底为form的位置, ...
表单输入事件辨析-oninput、onkeyup、onchange 开发须知！
oninput事件:是在用户输入时触发:该事件在 <input> 或 <textarea> 元素的值发生改变时触发. onkeyup事件:在键盘按键被松开时发生.即键盘弹起时触 ...
html表单提交前检查,form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...

html表单window.onload,html事件绑定总结以及window.onload和document.body.onload事件

html表单window.onload,html事件绑定总结以及window.onload和document.body.onload事件相关推荐

最新文章

热门文章