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. vue-element-admin实战 | 第二篇： 最小改动接入后台实现根据权限动态加载菜单

    一. 前言 本篇基于 有来商城 youlai-mall微服务项目,通过对vue-element-admin的权限菜单模块理解个性定制其后台接口,实现对vue-element-admin工程几乎不做改动 ...

  2. day51:django:dispatch&模板渲染&过滤器&标签&组件&静态文件配置

    目录 1.dispatch 2.模板渲染 3.过滤器 4.标签 5.组件 6.静态文件配置 dispatch 回顾:CBV对应的URL传参 urls.py url(r'^book/(\d+)/(\d+ ...

  3. win10家庭版启用远程桌面

    此电脑右键属性->远程设置->允许远程协助连接这台计算机 勾选 下载RDP Wrapper 地址:https://github.com/stascorp/rdpwrap/releases ...

  4. springcloud一些博文记录

    自己搭建完整demo后看的一个系列博文https://my.oschina.net/u/3375733/following 现在看着这个系列的后期文章估计出差前不会看了 一个博主的系列的git地址和博 ...

  5. [Spring Cloud实战 | 第六篇：Spring Cloud Gateway+Spring Security OAuth2+JWT实现微服务统一认证授权

    一. 前言 本篇实战案例基于 youlai-mall 项目.项目使用的是当前主流和最新版本的技术和解决方案,自己不会太多华丽的言辞去描述,只希望能勾起大家对编程的一点喜欢.所以有兴趣的朋友可以进入 g ...

  6. 项目系统Netty的Channel和用户之间的关系绑定正确做法,以及Channel通道的安全性方案

    前言 考虑一个功能业务,在web程序中向指定的某个用户进行实时通讯 在Web运用的Socket通讯功能中(如在线客服),为保证点对点通讯.而这个看似简单的根据用户寻到起channel通道实际会碰到不少 ...

  7. Linux基本目录机构

    Linux基本目录机构 1. 基本介绍 Linux的文件系统采用级层式子的树状目录结构 最上层是根目录"/" Linux世界里,一切皆文件 2. 目录用途 /bin: 是Binar ...

  8. Centos-转换或复制文件-dd

    dd 转换或复制文件,同时可以对设备进行备份 相关选项 if 输入文件,可以是设备 of   输出文件,可以是输出设备 bs   指定一个block大小,默认为 512字节 count  指定bs数量

  9. _1_html_框架

    创:18_3_2017修:20_3_2017 什么是html? --超文本标记语言 --告诉浏览器内容的语义 html页面的框架是什么? <!DOCTYPE html> <!--DT ...

  10. Copy As HTML From VSCode

    JS生成可自定义语法高亮HTMLcode cnblogs @ Orcim  !deprecated! 这里有更好的方案,具体看我的这篇博客博客代码高亮的另一种思路 这篇文章介绍了如何在博客里插入一段 ...