网页全局监听鼠标键盘事件
鼠标全局事件
<script type="text/javascript">
window.onload=function()
{
document.onmousedown=function(event) //鼠标按下事件
{
}
document.onmouseup=function(event) //鼠标弹起事件
{
}
document.onmousemove=function(event) //鼠标移动事件
{
}
}
</script>
如果不针对全局,而仅针对某个div或其他局部对象,只需替换document对象为相关对象即可。
event对象包含以下属性:
altKey 返回当事件被触发时,"ALT" 是否被按下。
button 返回当事件被触发时,哪个鼠标按钮被点击。
clientX 返回当事件被触发时,鼠标指针的水平坐标。
clientY 返回当事件被触发时,鼠标指针的垂直坐标。
ctrlKey 返回当事件被触发时,"CTRL" 键是否被按下。
metaKey 返回当事件被触发时,"meta" 键是否被按下。
relatedTarget 返回与事件的目标节点相关的节点。
screenX 返回当某个事件被触发时,鼠标指针的水平坐标。
screenY 返回当某个事件被触发时,鼠标指针的垂直坐标。
shiftKey 返回当事件被触发时,"SHIFT" 键是否被按下。
键盘全局事件
JS键盘映射对照表 https://unixpapa.com/js/key.html
function myFunction(){
alert("你在输入栏内按下一个键");
}
document.onkeydown=function(event){ //键盘按下事件
switch(event.keyCode){
case 13:
myFunction();
break;
}
}