JS 鼠标事件与键盘事件

一、鼠标事件

onclick 鼠标点击左键触发

onmouseover 鼠标经过触发

onmouseout 鼠标离开触发

onfocus 获得鼠标焦点触发

onblur 失去鼠标焦点触发

onmousemove 鼠标移动出发

onmouseup 鼠标弹起触发

onmousedown 鼠标按下触发

contextmenu 禁用右键菜单

selectstart 禁止选中文字

// 1.contextmenu 我们可以禁用右键菜单document.addEventListener('contextmenu', function (e) {e.preventDefault();})// 2.禁止选中文字 selectstartdocument.addEventListener('selectstart', function (e) {e.preventDefault();})

二、键盘事件

keyup 按键弹起的时候触发

document.addEventListener('keyup', function () {console.log(1);})

keydown 按键按下的时候触发

document.addEventListener('keydown', function () {console.log(2);})

keypress 按键按下的时候触发但是它不识别功能键比如：ctrl shift 箭头等

document.addEventListener('keypress', function () {console.log(3);})

键盘事件对象中的keyCode属性可以得到相应键的ASCII码值

 // 1.我们的keyup和keydown事件不区分字母大小写 a和A得到的都是65document.addEventListener('keyup', function (e) {// console.log(e);console.log(e.keyCode);// 我们可以利用keyCode返回的ASCII码值来判断用户按下了哪个键if (e.keyCode === 65) {alert('按下的a键');} else {alert('没有按下a键');}})// 2.我们的keypress事件 区分大小写document.addEventListener('keypress', function (e) {console.log(e.keyCode);})

JS 鼠标事件与键盘事件相关推荐

鼠标事件、表单事件、键盘事件、焦点事件
事件介绍当我们点击一个按钮的时候,会弹出一个对话框.在JavaScript中, "点击"这个事情就看作一个事件."弹出对话框"其实就是我们在点击事件中做的一些 ...
稳扎稳打Silverlight(13) - 2.0交互之鼠标事件和键盘事件
[索引页] [×××] 稳扎稳打Silverlight(13) - 2.0交互之鼠标事件和键盘事件作者:webabcd 介绍 Silverlight 2.0 人机交互:响应用户的鼠标操作和键盘操作 ...
基于OpenGL编写一个简易的2D渲染框架-07 鼠标事件和键盘事件
这次为程序添加鼠标事件和键盘事件当检测到鼠标事件和键盘事件的信息时,捕获其信息并将信息传送到需要信息的对象处理.为此,需要一个可以分派信息的对象,这个对象能够正确的把信息交到正确的对象. 实现思路: ...
html 鼠标中键事件,Javascript事件模拟(鼠标事件、键盘事件)
在javascript编程中,事件是用来描述网页中某一特定有趣时刻的,众所周知事件通常是在由用户和浏览器进行交互时触发,其实不然,通过Javascript可以在任何时间触发特定的事件,并且这些事件与浏 ...
JS 进阶: 深入理解键盘事件 Keyboard Event
JS 进阶: 深入理解键盘事件 Keyboard Event 文章目录 JS 进阶: 深入理解键盘事件 Keyboard Event 正文 1. 基础 API 2. 基础事件:keydown.keyu ...
Qt 鼠标事件与键盘事件
鼠标事件鼠标常用的事件可以说有一下几种:鼠标按下.鼠标移动.鼠标移动.鼠标双击和鼠标滚轮事件. 当你想使用他们,需要包含头文件:#include <QMouseEvent> 并重写一下方 ...
Cesium 事件详解（鼠标事件、相机事件、键盘事件、场景触发事件）
Cesium 事件详解(鼠标事件.相机事件.键盘事件.场景触发事件) 1 Cesium中的事件根据使用情况,我把Cesium中的事件大体分为三种,即屏幕空间事件处理程序,屏幕空间相机控制器,场景触发 ...
JS--JavaScript使用键盘事件、键盘事件属性（keyCode、charCode、target...）、使用键盘控制页面元素
键盘事件当用户操作键盘时会触发键盘事件,键盘事件主要包括下面3种类型: keydown: 在键盘上按下某个键时触发.如果按住某个键,会不断触发该事件,但是Opera浏览器不支持这种连续操作.该事件处 ...
onTouchEvent / MotionEvent（轨迹球事件、触摸屏事件、键盘事件）
-- 轨迹球事件 Android 触摸屏驱动,了解一下Android对触摸屏.键盘.轨迹球事件的响应过程. 事件的传入是从EventHub开始的,EventHub是事件的抽象结构,维护着系统 ...
js--鼠标点击移动松开事件、滚轮事件、键盘事件
目录 1.推拽 2.滚轮事件 3.键盘事件 1.推拽 <!DOCTYPE html> <html><head><meta charset="UTF- ...

JS 鼠标事件与键盘事件

JS 鼠标事件与键盘事件相关推荐

最新文章

热门文章