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

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 鼠标和键盘事件

    js 鼠标和键盘事件 鼠标事件 聚焦事件 离焦事件 鼠标单击和双击 鼠标的其他事件 鼠标事件对象 键盘事件 鼠标事件 聚焦事件 <input type="text" id=& ...

  2. JS 鼠标、键盘事件对象

    鼠标事件对象     mouseEvent鼠标事件对象     e.clientX 在可视区的x和y的坐标     e.pageX 在页面文档的X和Y的坐标 <script> docume ...

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

    1. 鼠标的哪个按键被点击? <html> <head> <script type="text/javascript"> function wh ...

  4. Selenium WebDriver 中鼠标和键盘事件分析及扩展(转)

    本文将总结 Selenium WebDriver 中的一些鼠标和键盘事件的使用,以及组合键的使用,并且将介绍 WebDriver 中没有实现的键盘事件(Keys 枚举中没有列举的按键)的扩展.举例说明 ...

  5. C#/winform 自动触发鼠标、键盘事件

    要在C#程序中触发鼠标.键盘事件必须要调用windows函数. 一.鼠标事件的触发 1.引用windows函数mouse_event /// <summary> /// 鼠标事件 /// ...

  6. HTML5 Canvas鼠标与键盘事件

    演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件 通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...

  7. lufylegend库 鼠标事件 循环事件 键盘事件

    lufylegend库 鼠标事件 循环事件 键盘事件 <!DOCTYPE html> <html lang="en"> <head> <m ...

  8. OSX 鼠标和键盘事件

    本文转自:http://www.macdev.io/ebook/event.html 事件分发过程 OSX 与用户交互的主要外设是鼠标,键盘.鼠标键盘的活动会产生底层系统事件.这个事件首先传递到IOK ...

  9. JavaScript事件基础-10-2.HTML事件; DOM0级事件; 掌握常用的鼠标与键盘事件 ; 掌握this的指向;

    JavaScript事件基础 学习目标 1.掌握什么是事件 2.掌握HTML事件 3.掌握DOM0级事件 4.掌握常用的鼠标与键盘事件 5.掌握this的指向 什么是事件 事件就是文档或浏览器窗口中发 ...

  10. C# 自动触发鼠标、键盘事件

    要在C#程序中触发鼠标.键盘事件必须要调用windows函数. 一.鼠标事件的触发 1.引用windows函数mouse_event /// <summary> /// 鼠标事件 /// ...

随机推荐

  1. Java——java多态

     /* * 多态: * 成员的特点: * 1.成员变量. *  编译时:参开引用型变量所属类中的是否有调用的成员变量,  有:编译通过,  没有  编译失败. *  运行时: 参考引用变量所属的类 ...

  2. Mydumper & Myloader Documentation

    Mydumper.org web site has been missing in action for a while now. I've uploaded a copy of the Mydump ...

  3. javascript 停止事件冒泡以及阻止默认事件冒泡

    停止事件冒泡 function stopBubble(e) { // 如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) { // ...

  4. Amazon后台模拟登陆

    本文基于python3.4的selenium库打开浏览器,并将浏览器中的登陆cookie保存到本地,那么下次登陆就可以直接利用cookie了: # !/usr/bin/python3.4 # -*- ...

  5. jsoncpp 生成 json 字符串

    Json::Value root; Json::Value arrayObj; Json::Value item; for (int i=0; i<10; i++) { item["k ...

  6. 更简单的跨域解决方案 - CORS

    跨域问题是前端开发经常遇到的了,大家可能常用的就是JSONP了, JSONP非常方便,只要前后端约定好一个方法名,就可以沟通了,但JSONP也有一定的局限,JSONP只支持GET请求,还有当你想提供一 ...

  7. ORACLE 表函数实现

    1.创建表对象类型. 在Oracle中想要返回表对象,必须自定义一个表类型,如下所示: create or replace type t_table is table of number; 上面的类型 ...

  8. MYSQL 获取表的列信息

    SELECT COLUMN_NAME as '列名' ,DATA_TYPE as '字段类型' ,COLUMN_TYPE as '长度加类型' FROM information_schema.`COL ...

  9. Linux启动过程详解 (转)

    启动第一步--加载BIOS当你打开计算机电源,计算机会首先加载BIOS信息,BIOS信息是如此的重要,以至于计算机必须在最开始就找到它.这是因为BIOS中包含了CPU的相关信息.设备启动顺序信息.硬盘 ...

  10. 如何进行oracle capability i/o(压力测试数据库服务器i/o性能）

    一 .oracle 有关 IO 信息的相关统计函数 Oracle i/o stack包含hbas,存储相关的交换机.存储物理磁盘.那么oracle建议在应用程序部署的时候,建议去验证i/o避免存在问题 ...