6.新增事件

新增事件:

元素或对象事件触发时机代码示例
window对象body元素beforeprint即将开始打印之前触发<body onbeforeprint="alert('即将打印');">
afterprint打印完毕时触发<body onafterprint="alert('打印完毕');"">
resize浏览器窗口大小发生改变是触发<body onresize="alert('窗口大小进行调整');"">
error页面加载出错时触发<body onerror="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="#a">测试链接
任何元素mousewheel当用户鼠标指针悬停在元素上并滚动鼠标滚轮时触发<body onmousewheel="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('表单被重置');"">

转载于:https://www.cnblogs.com/webBlog-gqs/p/7106685.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值