首页 > 代码库 > 6.新增事件

6.新增事件

新增事件:

元素或对象 事件 触发时机 代码示例
window对象body元素 beforeprint 即将开始打印之前触发 <body onbeforeprint="alert(‘即将打印‘);">
afterprint 打印完毕时触发 <body onafterprint="alert(‘打印完毕‘);"">
resize 浏览器窗口大小发生改变是触发 <body onresize="alert(‘窗口大小进行调整‘);"">
error 页面加载出错时触发 <body one rror="alert(‘页面加载出错‘);"">
offline 页面变为离线状态时触发 <body onoffline="alert(‘页面处于离线状态‘);"">
online 页面变为在线状态时触发 <body ononline="alert(‘页面处于在线状态‘);"">
pageshow 页面加载时触发,类似于load事件,区别在于load事件在页面第一次加载时触发,而pageshow事件在每一次加载时触发,即从网页缓存中读取页面时只触发pageshow事件,不触发load事件 <body onpageshow="alert(‘页面被加载‘);"">
beforeunload 当前页面被关闭时触发,该事件通知浏览器显示一个用于咨询用户是否确定离开本页面的确认窗口,可以设置该窗口中的提示文字,在Firebox浏览器的确认窗口中只显示浏览器给定的默认询问信息,开发者不能进行修改 <body beforeunload="return ‘是否确定离开本页面‘"">
hashchange 当页面URL地址字符串中的哈希部分(#后面的部分)发生改变时触发 <body onhashchange="alert(‘url的hash部分发生改变‘);"">"<a href="http://www.mamicode.com/#a">测试链接
任何元素 mousewheel 当用户鼠标指针悬停在元素上并滚动鼠标滚轮时触发 <body onm ousewheel="alert(‘用户滚动鼠标滚轮‘);"">
任何容器元素 scroll 当元素滚动条被滚动时触发 <body onscroll="alert(‘元素被滚动‘);"">
input元素textarea元素 input 当用户修改文本框中内容时触发,input事件与change事件的区别为input事件在元素尚未失去焦点时已触发,change事件只在元素失去焦点时触发 "<input type="text" oninput="alert(‘元素内容被修改‘);"">
form元素 reset 当用户按下表单元素中type类型为reset的input元素或JavaScript脚本代码中执行表单对象的reset方法时触发 "<form id="form1" onreset="alert(‘表单被重置‘);"">

6.新增事件