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

<html>

<head>

<script type="text/javascript">

function whichButton(event)

{

if (event.button==2)

{

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

}

else

{

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

}

}

</script>

</head> 

<body onmousedown="whichButton(event)">

<p>请单击你鼠标的左键或右键试试</p>

</body>

</html> 

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

<html>

<head>

<script type="text/javascript">

function show_coords(event)

{

x=event.clientX

y=event.clientY

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

}

</script>

</head> 

<body onmousedown="show_coords(event)"> 

<p>在此文档中按下你鼠标的左键看看！</p> 

</body>

</html> 

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

<html>

<head>

<script type="text/javascript">

function whichButton(event)

{

alert(event.keyCode)

} 

</script>

</head> 

<body onkeyup="whichButton(event)">

<p>在此文档中按下你键盘上的某个键看看</p>

</body>

</html> 

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

<html>

<head> 

<script type="text/javascript">

function coordinates(event)

{

x=event.screenX

y=event.screenY

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

} 

</script>

</head>

<body onmousedown="coordinates(event)"> 

<p>

点击你鼠标的左键

</p> 

</body>

</html> 

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

<html>

<head> 

<script type="text/javascript">

function coordinates(event)

{

x=event.x

y=event.y

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

} 

</script>

</head>

<body onmousedown="coordinates(event)"> 

<p>

点击你鼠标的左键

</p> 

</body>

</html> 

6。shift键是否按下?

<html>

<head>

<script type="text/javascript">

function isKeyPressed(event)

{

  if (event.shiftKey==1)

    {

    alert("shit键按下了!")

    }

  else

    {

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

    }

  }

</script>

</head> 

<body onmousedown="isKeyPressed(event)"> 

<p>按下shit键，点击你鼠标的左键</p> 

</body>

</html> 

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

<html>

<head>

<script type="text/javascript">

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 + "元素")

}

</script>

</head> 

<body onmousedown="whichElement(event)">

<p>在这里点击看看，这里是p</p> 

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

<p>你想点我吗？？</p>

<img border="0" src="../myCode/btn.gif" width="100" height="26" alt="pic">

</body> 

</html>

　　

js鼠标、键盘事件实例代码的更多相关文章

  1. js鼠标事件、键盘事件实例代码

    讲述了:鼠标的哪个按键被点击.当前鼠标的光标坐标是多少.被按下键的unicode码是多少.当前鼠标的光标相对于屏幕的坐标是多少.当前鼠标的光标坐标是多少.shift键是否按下.当前被点击的是哪一个元素 ...

  2. 几个常用的JS鼠标键盘事件例子

    首先普及一下鼠标左右键值的相关方法: 1.event.x 鼠标横轴  2.event.y 鼠标纵轴  3.event.keycode 键盘值  4.events.button==0 默认.没有按任何按 ...

  3. 由chrome剪贴板问题研究到了js模拟鼠标键盘事件

    写在前面 最近公司在搞浏览器兼容的事情,所有浏览器兼容的问题不得不一个人包了.下面来说一下今天遇到的一个问题吧 大家都知道IE下面如果要获得剪贴板里面的信息的话,代码应该如下所示 window.cli ...

  4. Python——pyHook监听鼠标键盘事件

    pyHook包为Windows中的全局鼠标和键盘事件提供回调. 底层C库报告的信息包括事件的时间,事件发生的窗口名称,事件的值,任何键盘修饰符等. 而正常工作需要pythoncom等操作系统的API的 ...

  5. Tkinter 鼠标键盘事件（一）

    一: 鼠标事件 <Button-1>                                                                     鼠标左键单击 ...

  6. Selenium4.0+Python3系列（四） - 常见元素操作（含鼠标键盘事件）

    一.写在前面 上篇文章介绍的是关于浏览器的常见操作,接下来,我们将继续分享关于元素的常见操作,建议收藏.转发! 二.元素的状态 在操作元素之前,我们需要了解元素的常见状态. 1.常见元素状态判断,傻傻 ...

  7. Linux 模拟 鼠标 键盘 事件

    /************************************************************************ * Linux 模拟 鼠标 键盘 事件 * 说明: ...

  8. Python - selenium_WebDriver 鼠标键盘事件

    from selenium import webdriver #引入ActionChains类 提供了鼠标的操作方法 from selenium.webdriver.common.action_cha ...

  9. c# 使用hook来监控鼠标键盘事件的示例代码

    如果这个程序在10几年前,QQ刚刚兴起的时候,有了这个代码,就可实现盗号了. 当然使用钩子我们更多的是实现"全局快捷键"的需求. 比如 程序最小化隐藏后要"某快捷键&qu ...

随机推荐

  1. Dos拒绝服务Syn-Flood泛洪攻击--Smurf 攻击（一）

    Dos拒绝服务利用程序漏洞或一对一资源耗尽的Denial of Service 拒绝服务DDos 分布式拒绝服务 多对一 Syn-Flood泛洪攻击 发送syn包欺骗服务器建立半连接 攻击代码,利用s ...

  2. [LeetCode] 139. 单词拆分（DP）

    题目 给定一个非空字符串 s 和一个包含非空单词列表的字典 wordDict,判定 s 是否可以被空格拆分为一个或多个在字典中出现的单词. 说明: 拆分时可以重复使用字典中的单词. 你可以假设字典中没 ...

  3. JDK8在windows系统下安装

    一.下载 下载地址:https://www.oracle.com/technetwork/java/javase/downloads/index.html#JDK8 目前大部分公司内部使用的还是jdk ...

  4. 配置静态 IP、网卡命名规范

    一.网卡命名规范(设备类型 + 设备位置 + 数字) 设备类型: 格式 描述 en 以太网(Ethernet) ib 无限宽带(InfiniBand) sl 串列线路互联网协议(slip:Serial ...

  5. Linux安装指定版Git以及卸载

     来自于:https://www.cnblogs.com/rstyro/articles/10817855.html 安装Git 在linux中,安装Git 一般一条命令即可,如下: Debian/U ...

  6. PHP正则表达式核心技术完全详解 第2节

    作者:极客小俊 一个专注于web技术的80后 我不用拼过聪明人,我只需要拼过那些懒人 我就一定会超越大部分人! CSDN@极客小俊,原创文章, B站技术分享 B站视频 : Bilibili.com 个 ...

  7. logging模块培训小结

    Python自动化课程又上了一节课,每一个自动化框架都涉及到日志的使用,logging模块是Python的一个标准库模块,由标准库模块提供日志记录API的关键好处是所有Python模块都可以使用这个日 ...

  8. Tomcat 第五篇：请求处理流程（下）

    1. 请求处理流程 AprEndPoint 顺着上一篇接着聊,当一个请求发送到 Tomcat 以后,会由连接器 Connector 转送至 AprEndPoint ,在 AprEndPoint 中调用 ...

  9. 084 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 03 构造方法-this关键字

    084 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 03 构造方法-this关键字 本文知识点:构造方法-this关键字 说明:因为时间紧 ...

  10. 《穷查理年鉴》金钱 & 生意 & 律师（关于金钱）

    金钱 025.钱还得快才会借得快. 030.钱和人有着复杂的友谊:人能让钱变坏,钱也能让人变坏. 034.绝望增加债务,勤奋偿还债务. 037.只有一无所有的人才会没有烦恼. 049.穷人为他的胃找食 ...