H5事件

1.contextmenu事件

　上下文菜单，即通过单击鼠标右键可以调用上下文菜单。由于contextmenu事件是冒泡的，因此可以为document指定一个事件处理程序，用以处理页面中发生的所有此类事件。这个事件的目标是发生用户操作的元素。通常用从contextmenu事件来显示自定义的上下文菜单，而使用onclick事件处理程序来隐藏该菜单。

2.beforeunload事件

　这个事件会在浏览器卸载页面之前触发，可以通过它来取消卸载并继续使用原有页面。

3.DOMContentLoaded事件

在形成完整的DOM树之后就会被触发，不理会图像，js文件，css文件或其他资源是否已经下载完毕。

4.readystatechange事件

5.pageshow和pagehide事件

6.hashchange事件

时间： 2024-07-30 01:47:28

H5事件的相关文章

javascript 高级程序设计学习笔记

<!--<script> // 异步请求封装 IE6即以上浏览器 // ajax(url,fnSucc,selectID,fnFaild) //url 请求地址 //fnSucc 异步请求后的内容处理函数 //fnFaild 请求失败处理函数 function ajax(url,fnSucc,fnFaild) { //1.创建Ajax对象 //非IE6 var oAjax; if(window.XMLHttpRequest)//不会报错,只会是undefined {oAjax=new X

Web前端总结（小伙伴的）

以下总结是我工作室的小伙伴的心得,可以参考一下 html+css知识点总结 HTMl+CSS知识点收集 1.letter-spacing和word-spacing的区别 letter-spacing:指字母间距 word-spacing:指单词间距 2.列举常见的复合属性(常见的17种,有可能结合js问): Background,Font,Border,Padding,Margin,list-style 3.img标签的属性alt和title的区别 Alt:图片加载不了的时候用以替代图片信息,同

H5的拖放事件(拖拽删除)

今天我们来介绍一下h5的拖放事件: 拖放事件 H5的拖放事件提供了多个接口: 1.drag:当元素或者选中的文本被拖动时触发(每几百毫秒触发一次),应用在被拖拽元素上 2.dragend:当拖动操作结束时触发(通过释放鼠标按钮或者点击转义键),应用在被拖拽元素上 3.dragenter:当一个被拖动的元素或者选中的文本进入一个有效的放置目标时触发,应用在目标元素上 4.dragexit:当元素不再是拖动操作的直接选择元素时触发(很少使用) 5.dragleave:当拖动元素或者选中的文本离开有效

移动端H5开发 (滑动事件)

最近一直在做手机App H5的开发,在开发过程中,经常会遇到很多滑动事件,写个demo,分享自己的一些写法.(如写的不好,轻喷!) 直接贴代码 html css代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>touch demo</title> <style type="text/css"> #demo{

H5页面开发的touchmove事件

在做一屏滚动的H5页面的时候,必须移除touchmove事件,如果不移除,在安卓机上会触发微信原生的向下滚动拉出刷新.在IOS上出现上下都可以继续滑动,所以需要移除document的touchmove事件. $(document).on('touchmove',function(event){ event.preventDefault(); });

app内嵌vue h5，安卓和ios拦截H5点击事件

安卓和ios拦截h5点击事件,这个函数事件必须是暴漏在window下的安卓和ios拦截普通h5函数: 1 <div onclick = "show(),window.android.show()"></div> 2 <script> 3 function show(){ //如果需要传值,可以在show里添加参数,在上面的点击事件中直接进行传值就好 4 alert(1) 5 } 6 </script> vue函数并没有直接暴漏在wind

h5学习--七个h5拖拽事件

H5拖拽事件-- 自定义创建a标签热区

有两个BUG未更正, 1.拖拽后,动态创建的div始终在鼠标的下方,导致拖拽定位不准确 2.当窗口为自适应时,定位left为百分比,窗口改变大小时会存在定位偏差 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./jquery-1

h5 新增的invalid事件，貌似有很大bug

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> form{ width: 640px; margin:0 auto; } input{ display: block; width: 100%; height: 25px; margin-bottom:20px; }