DOM事件监听:键盘和鼠标
来源:互联网 发布:擦除上网痕迹软件 编辑:程序博客网 时间:2024/06/06 03:16
鼠标事件:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> img{ margin: 10px; } .a{ border: 1px solid gray; } .b{ border: 5px solid red;; } </style> <script> window.onload =function(){ var img = document.getElementsByTagName('img'); /*循环设置每一个元素的鼠标事件*/ for( var i = 0; i <= img.length ; i++){ /*鼠标进入这个元素*/ img[i].onmouseover = function(e) { e.target.className = 'b'; } //鼠标离开这个元素时 img[i].onmouseout = function(e){ e.target.className = 'a'; } } } </script></head><body><img class="a" src="new_01.jpg" alt=""/><img class="a" src="new_02.jpg" alt=""/><img class="a" src="new_03.jpg" alt=""/></body></html>
键盘事件:
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>键盘事件</title> <script type="text/javascript"> window.onload=function() { window.onkeypress=function(e) { //按键键码 if(e.charCode==103) { alert('G健被点击') } } } </script></head><body></body></html>
阅读全文
0 0
- DOM事件监听:键盘和鼠标
- 事件 鼠标监听和键盘监听
- pyhook监听鼠标事件和键盘事件
- 用Python监听鼠标和键盘事件
- 用Python监听鼠标和键盘事件
- 用Python监听鼠标和键盘事件
- 鼠标和键盘的事件监听
- 值得收藏的HTML DOM事件和鼠标键盘事件
- 监听鼠标和键盘
- Unity键盘鼠标监听事件
- python 监听鼠标键盘事件
- 用Python监听鼠标和键盘事件(转载)
- Python中使用PyHook监听鼠标和键盘事件实例
- 键盘和鼠标事件
- Python监听鼠标和键盘
- 键盘事件和鼠标事件
- 全局钩子监听键盘鼠标事件
- Java监听键盘鼠标全局事件
- ajax 文件拖拽上传(小文件)
- Day1
- 计算机端口详解
- 三、MySQL主从配置
- XMind源码
- DOM事件监听:键盘和鼠标
- Android_Media:MediaPlayer
- CSS 居中方法集锦
- 在mac电脑上搭建web服务器
- Spring常用注解
- <c:forEach varStatus="status">中 varStatus的属性简介
- 前端面试——笔试题整理汇总
- 关于redis的主从、哨兵、集群
- windows server 2008 R2开启ftp服务