![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js事件
躺屋顶看月亮
黄沙百战穿金甲,不破楼兰终不还。
展开
-
js事件分类
鼠标点击事件 mousedown、mousemove、mouseout、dblclick(双击)、contextmenu(右键菜单)鼠标滚轮事件 mousewheel 滚轮事件,适用于IE/谷歌safari,DOMMouseScroll–>火狐私有的滚轮事件,只能用addEventListener()方式绑定。 e.wheelDelta > 0表示滚轮向上。e.wheelDelta < 0表示原创 2016-11-28 00:36:44 · 404 阅读 · 0 评论 -
js 拖曳功能--代码解析
这一章解决的问题 1、怎样在网页中实现拖曳功能。2、document.documentElement与document.body的区别。 document.documentElement.clientWidth指整个html文档的宽度,document.body.clientWidth的宽度。这两者是不一样的。可以在console控制台通过console.log(document.documen原创 2016-11-28 01:47:05 · 460 阅读 · 0 评论 -
实现右键菜单功能
这一章解决的问题 1、实现右键菜单功能代码。 2、阻止默认事件的实际应用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>右键菜单</title> <style type="text/css"> #menu { position: fixed原创 2016-11-28 01:54:56 · 2032 阅读 · 0 评论 -
滚轮事件的应用
主要知识点: 1、滚轮事件的应用代码 2、火狐浏览器与IE浏览器应用滚轮事件的区别。 火狐浏览器应用滚轮事件只能通过addEventListener(“DOMMouseScroll”,function,false). 3、e.wheelDelta > 0表示滚轮向上,反之向下。 e.detail < 0表示滚轮向下,反之向上。<!DOCTYPE html><html lang="en">原创 2016-11-28 02:04:21 · 421 阅读 · 0 评论 -
键盘事件的应用
主要知识点: 1、keydown和keypress的区别。 2、键盘事件的应用代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>键盘事件</title></head><body> 键盘事件:keydown,keyup,keypress 区别:keydown可以检测到原创 2016-11-28 02:09:48 · 310 阅读 · 0 评论