html鼠标键弹起事件,js鼠标按键事件和键盘按键事件用法实例汇总

本文实例讲述了js鼠标按键事件和键盘按键事件用法。分享给大家供大家参考，具体如下：

keydown,keyup，keypress：属于你的键盘按键

mousedown,mouseup：属于你的鼠标按键

当按钮被按下时，发生 keydown 事件,

keyup是在用户将按键抬起的时候才会触发的,

完整的 key press 过程分为两个部分：1. 按键被按下；2. 按键被松开。

当用户在这个元素上按下鼠标键的时候，发生mousedown

当用户在这个元素上松开鼠标键的时候，发生mouseup

例子

1. 鼠标的哪个按键被点击

function whichButton(event)

{

if (event.button==2)

{

alert("你点击了鼠标右键!")

}

else

{

alert("你点击了鼠标左键!")

}

请单击你鼠标的左键或右键试试

2. 当前鼠标的光标坐标是多少

function show_coords(event)

{

x=event.clientX

y=event.clientY

alert("X 坐标： " + x + ", Y 坐标： " + y)

}

在此文档中按下你鼠标的左键看看！

3. 被按下键的unicode码是多少

function whichButton(event)

{

alert(event.keyCode)

}

在此文档中按下你键盘上的某个键看看

4. 当前鼠标的光标相对于屏幕的坐标是多少

function coordinates(event)

{

x=event.screenX

y=event.screenY

alert("X=" + x + " Y=" + y)

}

点击你鼠标的左键

5. 当前鼠标的光标坐标是多少

function coordinates(event)

{

x=event.x

y=event.y

alert("X=" + x + " Y=" + y)

}

点击你鼠标的左键

6. shift键是否按下

function isKeyPressed(event)

{

if (event.shiftKey==1)

{

alert("shit键按下了!")

}

else

{

alert("shit键没有按下!")

}

按下shit键，点击你鼠标的左键

7. 当前被点击的是哪一个元素

function whichElement(e)

{

var targ

if (!e) var e = window.event

if (e.target) targ = e.target

else if (e.srcElement) targ = e.srcElement

if (targ.nodeType == 3) // defeat Safari bug

targ = targ.parentNode

var tname

tname=targ.tagName

alert("你点击了 " + tname + "元素")

}

在这里点击看看，这里是p

或者点击这里也可以呀，这里是h3

你想点我吗？？

PS：这里再为大家提供一个关于JS事件的在线工具，归纳总结了JS常用的事件类型与函数功能：

javascript事件与功能说明大全：

希望本文所述对大家JavaScript程序设计有所帮助。

html鼠标键弹起事件,js鼠标按键事件和键盘按键事件用法实例汇总相关推荐

JavaFX实战：几种事件监听实现，键盘按键事件监听，鼠标滚轮事件监听，鼠标按键事件监听，鼠标移动事件监听
JavaFX实战系列 JavaFX源码分析和实战:javaFX线程结构分析 JavaFX源码分析和实战之launcher启动器:两种启动javaFX的方式及launch(args[])参数设置和获取 ...
JS 获取和响应键盘按键事件
场景: 页面中需要设置快捷键. 下面Demo是组合按键按下事件,可直接使用,单个按键响应事件,只需要将 if 中的按键值更改至需要的键位即可,该例子引用百度静态库的jquery资源,需要在联网环境下 ...
C#学习笔记：利用System,EventArgs实现委托，响应键盘按键事件
参考书目:C#6.0学习笔记--从第一行C#代码到第一个项目设计(作者周家安)P96 学习目的:掌握System,EventArgs实现委托的方法,响应键盘按键事件.捕捉用户的键盘输入,然后触发Key ...
Vue.js 学习笔记十自定义按键事件
<div id="divApp"><input type="text" v-on:keyup=& ...
android 模拟点击不发出声音,【Android】代码实现模拟屏幕点击和键盘按键事件...
最近参加某比赛写了一个Android手机控制Android电视的程序,其中需要控制电视端模拟"鼠标"点击,和模拟按键盘的事件. 下面直接贴上程序: // 模拟屏幕点击事件 publ ...
【Android】代码实现模拟屏幕点击和键盘按键事件
最近参加某比赛写了一个Android手机控制Android电视的程序,其中需要控制电视端模拟"鼠标"点击,和模拟按键盘的事件. 下面直接贴上程序: /*** 触发屏幕点击事件* @ ...
javascript模拟键盘按键事件，支持最新DOM3标准（Chrome亲测）。
需求打算在页面中自动填写账号密码,直接给文本框input元素赋值的方式无法触发键盘事件,导致数据不能提交(特殊的场景). 所以改用javascript的模拟按键事件,但是UIEvent.initUI ...
JS 监听键盘按键事件以Enter键为例子
实现的功能是用手按键盘Enter键达到点击 js的button确定按钮同样的效果其中js主要代码如下,写在<script></script>里面. keyCode==1 ...
js鼠标按键事件和键盘按键事件用法实例汇总
http://blog.csdn.net/xiaoya_syt/article/details/69951398 转载于:https://www.cnblogs.com/xiaobai-y/p/696 ...

html鼠标键弹起事件,js鼠标按键事件和键盘按键事件用法实例汇总

或者点击这里也可以呀，这里是h3

html鼠标键弹起事件,js鼠标按键事件和键盘按键事件用法实例汇总相关推荐

最新文章

热门文章