javascript鼠标跟键盘事件
2014-06-13 18:04
316 查看
键盘事件:
onkeyup=""
onkeydown=""
onkeypress=""
onclick=""
鼠标事件
onmouseover与onmouseout是一对,down和up是一对。哦,我们理解错了。
onmousedown、onmouseup
onblur失去焦点
onfocus得到焦点
onmousemove
onmouseout
onmouseover:当鼠标移动到某对象范围的上方时触发的事件
<img src="0.jpg" onmouseover="this.src='1.jpg';" onmouseout="this.src='0.jpg';">
注意没有onmousein
onmouseover跟onmouseout是一对
(1)
一个用法:把这些事件放进div的<>里就会促发了
(2)获取坐标
<div id="bb" onmousemove="aaa(event)"></div>
aaa(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("bb").innerHTML="坐标: (" + x + "," + y + ")";
}
onkeyup=""
onkeydown=""
onkeypress=""
onclick=""
鼠标事件
onmouseover与onmouseout是一对,down和up是一对。哦,我们理解错了。
onmousedown、onmouseup
onblur失去焦点
onfocus得到焦点
onmousemove
onmouseout
onmouseover:当鼠标移动到某对象范围的上方时触发的事件
<img src="0.jpg" onmouseover="this.src='1.jpg';" onmouseout="this.src='0.jpg';">
注意没有onmousein
onmouseover跟onmouseout是一对
(1)
一个用法:把这些事件放进div的<>里就会促发了
(2)获取坐标
<div id="bb" onmousemove="aaa(event)"></div>
aaa(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("bb").innerHTML="坐标: (" + x + "," + y + ")";
}
相关文章推荐
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移...
- javascript事件处理中Event对象(键盘事件和鼠标事件)实例
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移...
- JavaScript(js)处理的HTML事件、键盘事件、鼠标事件
- javascript 中响应鼠标和键盘事件
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移...
- JavaScript事件基础(事件对象,键盘,鼠标,冒泡)
- JavaScript实现禁用键盘和鼠标的点击事件
- javascript的鼠标键盘事件
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移动事件,javaScript事件使用小全
- javascript事件, 解决mousedown和click冲突事件, 鼠标事件, 键盘事件, 文本事件用法简介
- JavaScript 模拟键盘事件和鼠标事件(比如模拟按下回车等)
- javascript键盘鼠标事件及音频视频图片标签
- javascript中常用鼠标事件和键盘事件
- javascript访问事件对象(鼠标、键盘)
- JavaScript 模拟键盘事件和鼠标事件(比如模拟按下回车等)
- javascript之键盘与鼠标事件
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移...
- javascript 捕捉键盘鼠标事件
- javascript屏蔽鼠标、键盘事件