JS事件

作者: 小飞侠zzr | 来源:发表于2017-09-18 20:55 被阅读0次

事件是可以被 JavaScript 侦测到的行为

事件通常与函数配合使用,当事件发生时函数才会执行

onload 和 onUnload
当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。
onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。

onFocus, onBlur 和 onChange
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
onSubmit
onSubmit 用于在提交表单之前验证所有的表单域。

onMouseOver 和 onMouseOut
onMouseOver 和 onMouseOut 用来创建“动态的”按钮。

屏幕快照 2017-09-18 下午8.55.06.png

window 的事件

onload 事件是在窗口加载完毕之后才开始执行的
window.onload = function(){
var redDiv = document.getElementById('redDiv');
console.log(redDiv);
不要在 window.onload 里面使用 document.write();窗口加载完毕之后会关闭文档流,如果使用document.write()会开启新的文档流,覆盖原有的内容。

窗口尺寸发生变化之后出发事件
window.onresize = function(){
console.log(window.innerHeight,window.innerWidth);
redDiv.style.width = window.innerWidth/2 + 'px';
}

相关文章

  • js(事件)

    js 事件js事件.png

  • js操作页面三步骤

    js操作页面三步骤 js事件 鼠标事件 文档事件 键盘事件 表单事件 事件对象 js操作内容 js操作样式 页面转...

  • 事件

    1、鼠标的移入移除js部分 2、鼠标事件js部分 3、事件对象js部分 4、键盘事件js部分 5、输入框事件js部...

  • 20、jQuery 事件机制

    20、jQuery 事件机制 原生js事件与jQuery事件: (1)用原生的js给div注册事件 原生js注册相...

  • javascript 中的事件机制

    js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...

  • JavaScript的事件机制详解

    【js事件详解】js事件封装函数,js跨浏览器事件处理机制 一、事件流 事件流描述的是从页面中接受事件的顺序。IE...

  • JS的事件绑定和事件流模型

    一、JS事件 (一)JS事件分类 1.鼠标事件: click/dbclick/mouseover/mouseout...

  • js事件 事件冒泡

    js事件的分类 事件的类型:有鼠标事件,键盘事件,HTML事件,变化事件 注意:js中的事件前面要加on(如:on...

  • JS事件相关基础

    js事件: 键盘事件: JS中的事件冒泡和事件捕获: 1、事件冒泡。如下代码: 点击button事件,连同父元素绑...

  • 2019-01-11 input框事件,jQuery其他事件,自

    js事件的分类事件的类型:有鼠标事件,键盘事件,HTML事件,变化事件注意:js中的事件前面要加on (如:onc...

网友评论

    本文标题:JS事件

    本文链接:https://www.haomeiwen.com/subject/uxfisxtx.html