网页全局监听鼠标键盘事件

发布时间 2023-11-03 16:00:47作者: 水无常形

鼠标全局事件

<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;
    }
}