欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Javascript事件实例详解_基础知识

程序员文章站 2022-03-25 22:02:09
...
document是位于html标签之上的,可以说是权力最大的。下面的实例当你单击页面上的任何位置都会弹出“a”,正是运用了document的特性。
复制代码 代码如下:



获取鼠标位置clientX,clientY---注意这里仅仅只是可视区的鼠标位置
复制代码 代码如下:



或者
复制代码 代码如下:



事件冒泡---一层一层叠加的元素在一起,形成事件冒泡,比如下面的例子:document的最大范围影响了div的响应。
复制代码 代码如下:








鼠标移动---在可视区有效
复制代码 代码如下:

鼠标移动






键盘改变位置和方向---通过keycode获取键盘的键值来执行相应的操作。
复制代码 代码如下:






无标题文档







鼠标跟随小尾巴
复制代码 代码如下:






无标题文档














































keycode
复制代码 代码如下:



ctrlKey---可以通过ctrl+enter组合键来提交内容
复制代码 代码如下:





无标题文档









相关标签: Javascript事件