常用的鼠标事件和键盘事件
鼠标事件
1、禁止鼠标右键菜单
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
})
2、禁止鼠标选中文字
document.addEventListener('selectstart', function(e) {
e.preventDefault();
});
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会区分大小写