摘要: 1.DOM 和 BOM 的区别 DOM:文档对象模型,把【文档】当做一个【对象】来看待,DOM的顶级对象是document 主要学习的是操作页面元素,DOM 是 W3C 的标准规范 BOM:浏览器对象模型,把【浏览器】当做一个【对象】来看待,BOM的顶级对象是window 主要学习的是浏览器窗口交互 阅读全文
posted @ 2019-10-16 22:12 晴天宝宝i 阅读(784) 评论(0) 推荐(0) 编辑
摘要: 1.keyup 按键弹出的时候触发 document.onkeyup = function(){ console.log(' 我弹起了 '); } 2.keydown 按键按下的时候触发 能识别功能键 比如 Ctrl shift 左右箭头 document.addEventListener('key 阅读全文
posted @ 2019-10-16 21:53 晴天宝宝i 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 1.鼠标在可视区的 X 和 Y 坐标 e.clientX 返回鼠标相对于浏览器窗口可视区的坐标X e.clientY 返回鼠标相对于浏览器窗口可视区的坐标Y 2.鼠标在页面文档的 X 和 Y 坐标 e.pageX 返回鼠标相对于页面文档的坐标X IE9+ 支持 e.pageY 返回鼠标相对于页面文档 阅读全文
posted @ 2019-10-16 20:39 晴天宝宝i 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 1.禁用右键菜单(contextmenu) document.addEventListener('contextmenu',function(e){ e.preventDefault(); }) 2.禁止选中文字(selectstart) document.addEventListener("sel 阅读全文
posted @ 2019-10-16 19:07 晴天宝宝i 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 1.什么是事件对象: 官方解释:event 对象代表事件的状态,比如键盘按键的状态,鼠标的位置,鼠标按钮的状态 简单理解:事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象 event,它有很多属性和方法。 2.事件对象的使用语法: eventTarget.oncl 阅读全文
posted @ 2019-10-16 11:46 晴天宝宝i 阅读(230) 评论(0) 推荐(0) 编辑