常用的鼠标事件和键盘事件

常用的鼠标事件和键盘事件

鼠标事件

1、禁止鼠标右键菜单

document.addEventListener('contextmenu', function(e) {
	e.preventDefault();
})
1
2
3

2、禁止鼠标选中文字

document.addEventListener('selectstart', function(e) {
	e.preventDefault();
});
1
2
3

3、e.clientX和e.clientY : 返回鼠标相对于浏览器可视窗口的x坐标和y坐标，和页面是否滚动无关，仅与可视窗口大小有关
4、e.pageX和e.pageY : 返回鼠标相对于文档页面的x坐标和y坐标，和页面实际宽高度即和是否滚动有关
5、e.screenX和e.screenY : 返回鼠标相对于电脑屏幕的x坐标和y坐标

键盘事件

注意：在使用addEventListener时不需要对事件加on
1、onkeyup：按键被按下松开时触发
2、onkeydown： 按键被按下触发
3、onkeypress：按键被按下触发，和onkeydown不同的是onkeypress不能识别ctrl、shift、箭头等功能键
执行顺序：onkeydown — onkeypress — onkeyup
注意：onkeyup和onkeydown事件执行时不区分按键大小写，onkeypress会区分大小写