本文实例讲述了js鼠标按键事件和键盘按键事件用法。分享给大家供大家参考,具体如下:
keydown,keyup,keypress:属于你的键盘按键
mousedown,mouseup:属于你的鼠标按键
当按钮被按下时,发生 keydown 事件,
keyup是在用户将按键抬起的时候才会触发的,
完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开。
当用户在这个元素上按下鼠标键的时候,发生mousedown
当用户在这个元素上松开鼠标键的时候,发生mouseup
例子
1. 鼠标的哪个按键被点击
function whichButton(event)
{
if (event.button==2)
{
alert("你点击了鼠标右键!")
}
else
{
alert("你点击了鼠标左键!")
}
}
请单击你鼠标的左键或右键试试
2. 当前鼠标的光标坐标是多少
function show_coords(event)
{
x=event.clientX
y=event.clientY
alert("X 坐标: " + x + ", Y 坐标: " + y)
}
在此文档中按下你鼠标的左键看看!
3. 被按下键的unicode码是多少
function whichButton(event)
{
alert(event.keyCode)
}
在此文档中按下你键盘上的某个键看看
4. 当前鼠标的光标相对于屏幕的坐标是多少
function coordinates(event)
{
x=event.screenX
y=event.screenY
alert("X=" + x + " Y=" + y)
}
点击你鼠标的左键
5. 当前鼠标的光标坐标是多少
function coordinates(event)
{
x=event.x
y=event.y
alert("X=" + x + " Y=" + y)
}
点击你鼠标的左键
6. shift键是否按下
function isKeyPressed(event)
{
if (event.shiftKey==1)
{
alert("shit键按下了!")
}
else
{
alert("shit键没有按下!")
}
}
按下shit键,点击你鼠标的左键
7. 当前被点击的是哪一个元素
function whichElement(e)
{
var targ
if (!e) var e = window.event
if (e.target) targ = e.target
else if (e.srcElement) targ = e.srcElement
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode
var tname
tname=targ.tagName
alert("你点击了 " + tname + "元素")
}
在这里点击看看,这里是p
或者点击这里也可以呀,这里是h3
你想点我吗??
PS:这里再为大家提供一个关于JS事件的在线工具,归纳总结了JS常用的事件类型与函数功能:
javascript事件与功能说明大全:
希望本文所述对大家JavaScript程序设计有所帮助。
如果觉得《html鼠标键弹起事件 js鼠标按键事件和键盘按键事件用法实例汇总》对你有帮助,请点赞、收藏,并留下你的观点哦!