JS高级设计第七章——复习知识点
2023-09-11 14:17:26 时间
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>txt</title> </head> <body> <input type="button" onclick="alert("1")" /> <input type="button" onclick="alert('1')" /> <script> //事件 function(ev){ switch(ev.type){ case 'mouseover': dosometing; break; case 'mouseout': dosometing: break; default: dowhat break; } }; // /* event.target and event.currentTarget currentTarget === this; 是不同的,targe( srcElement )也可以是是冒泡的元素; event.relateTarget; 页面在不存在滚动的情况下 pageX和clientX相等的.. click dblclick onmousemove 在屏幕阅读器里无法触发; 而且dblclick用键盘是无法实现的; keydown是用户按任意键时候触发 keypress是用户按字符时候触发 event.shiftKey || event.ctrlKey || event.altKey || event.metaKey textInput这个事件是DOM3的事件,只有在输入框输入字符时候才触发的事件 DOM节点被操作变动的事件 1: DOMSubstreeModified dom结构发生变化即触发 2: .. hashchange事件 #adf #asdf url变化 移动设备的事件 : 1 : orientationchange 2 : diviceorientation 设备方向发生改变的时候 3 : devicemotion 设备移动或者其他情况触发 ,有点 nation app的api的感觉有木有; 移动设备事件触发顺序 1 : touchstart => mouseover => mousemove => mouseup => click touchend => 2 : gesturestar => gesturechange => getstureend */ '事件的模拟触发 ~_~ ,只是基于标准的事件, ie的没记录'; var ev = document.createEvent('MouseEvent'); ev.init('click'/*一堆参数*/); ipt.dispatchEvent( ev ); ev = document.createEvent('KeyEvent'); ev.init('keypress'/*___*/); ipt.dispatchEvent( ev ) </script> </body> </html>
相关文章
- Spring MVC程序中得到静态资源文件css,js,图片
- JS框架_(JQuery.js)网页文字评论弹幕
- JS框架_(Esign.js)仿信用卡电子签名特效
- JS框架_(JQuery.js)上传进度条
- javascript基础修炼——手把手教你造一个简易的require.js
- JS优秀资源站点收集
- JS - 解决引入 js 文件无效的问题
- 2 —— js语法 —— 对象和方法的声明 。变量提升。闭包
- baguetteBox.js响应式画廊插件(纯JS)
- A2D JS框架 - DES加密解密 与 Cookie的封装(C#与js互相加密解密)
- 懒得说IE6了,写个js插件不能写注释,原因如下
- 查看 js对象
- Knockout.Js官网学习(style绑定、attr绑定)
- Eclipse中JS文件即使取消语法验证仍提示错误
- [Docker] Hooking a Volume to Node.js Source Code
- Vue.js:轻量高效的前端组件化方案
- OPA 3 - thirdParty Qunit.js and IFrame load logic
- Atitit 研发体系 codelib 代码库的建设 目录 1. 概念与组成2 1.1. Java代码2 1.2. Js代码2 1.3. H5 代码 js+css+htm+txt2 1.4.
- Auto.js Pro如何连接VS Code插件
- js验证表单
- 用JS简单地控制HTML中 img 标签 的 max-width 的办法
- JS之BOM对象常用知识点整理
- 原生js实现随机验证码HTMl-JS
- 前端必备技能知识:JS导出Blob流文件为Excel表格、Vue.js使用Blob的方式实现excel表格的下载(流文件下载)