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. java Spring系列之 配置文件的操作 +Bean的生命周期+不同数据类型的注入简析+注入的原理详解+配置文件中不同标签体的使用方式

    Spring系列之 配置文件的操作 写在文章前面: 本文带大家掌握Spring配置文件的基础操作以及带领大家理清依赖注入的概念,本文涉及内容广泛,如果各位读者耐心看完,应该会对自身有一个提升 Spri ...

  2. HBase表的数据导出和导入

    1. 表数据导出 hbase org.apache.hadoop.hbase.mapreduce.Export test file:///home/hadoop/test (导入到本地) hbase ...

  3. 再见了SpringMVC！这个框架有点厉害，甚至干掉了Servlet！

    # 前言 对 Java 开发者来说, Spring 发布 5.0 正式版,而新版 Spring 的一大特色,就是 Reactive Web 方案 Web Flux,这是用来替代 Spring Web ...

  4. 为什么阿里巴巴禁止使用BigDecimal的equals方法做等值比较？

    GitHub 17k Star 的Java工程师成神之路,不来了解一下吗! GitHub 17k Star 的Java工程师成神之路,真的不来了解一下吗! GitHub 17k Star 的Java工 ...

  5. 《Java核心技术卷一》之 泛型

    一.引言 在学习集合的时候我们会发现一个问题,将一个对象丢到集合中后,集合并不记住对象的类型,统统都当做Object处理,这样我们取出来再使用时就得强制转换类型,导致代码臃肿,而且加入集合时都是以Ob ...

  6. java注解(1)

    Java注解是附加在代码中的一些元信息,用于一些工具在编译.运行时进行解析和使用,起到说明.配置的功能.注解不会也不能影响代码的实际逻辑,仅仅起到辅助性的作用.注解是Java SE5中引入的重要的语言 ...

  7. php第六天-UNIX时间戳/格式化时间，程序错误发送的领域

    ###0x01 PHP的错误处理 1.1 错误报告级别 PHP程序的错误发生一般归属于下列三个领域: 语法错误: 语法错误最常见,并且也容易修复.如:代码中遗漏一个分号.这类错误会阻止脚本的执行. 运 ...

  8. springboot:This application has no explicit mapping for /erro

    springboot启动没有报错,但是访问的时候返回如上图的错误.看报错内容感觉是没有这个mapping对应的接口.但是确实写了. 最终发现是因为springboot的启动类放的位置不对.启动类所在的 ...

  9. 简单说说Restful API

    前言: 最近一段时间,一直在低头敲代码,开发平台对外交互的API接口,功能已经大体完成了,回过头来看看自己的接口设计文档,不胜感慨,想当初自己也是为"接口名称"想破了脑袋,各种百度 ...

  10. Centos-浏览大文件-more less

    more  less 浏览一个大文件,一屏无法显示完毕,通过这两个命令分屏读取文件内容 more 相关选项 -d 底部显示友好提示,如退出按键提示,继续浏览按键提示 -s 将多个空行减少为只有一个空行 ...