`
buliangniu
  • 浏览: 90028 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Event对象用法

阅读更多

1、哪个鼠标按钮被点击?

<html>
<head>
    <title>哪个鼠标按钮被点击? </title>

    <script type="text/javascript">
        function whichButton(event)
        {
        if (event.button==0)
        {
            alert("您点击了鼠标右键!")
        }
        else
        {
            alert("您点击了鼠标左键!")
        }
        }
    </script>

</head>
<body onmousedown="whichButton(event)">
    <p>
        请在文档中点击。一个消息框会提示出你点击了哪个鼠标按键。</p>
</body>
</html>

 

2、光标的坐标是?

<html>
<head>
    <title>光标的坐标是?</title>

    <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>
        请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>
</body>
</html>

 

3、被按的按键的unicode是?

<html>
<head>
    <title>被按的按键的unicode是?</title>

    <script type="text/javascript">
    
        function whichButton(event)
        {
            alert(event.keyCode);  //获得键盘按下键的unicode
        }

    </script>

</head>
<body onkeyup="whichButton(event)">
    <p>
        <b>注释:</b>在测试这个例子时,要确保右侧的框架获得了焦点。</p>
    <p>
        在键盘上按一个键。消息框会提示出该按键的 unicode。</p>
</body>
</html>

 

4、Shift键被按了吗?

<html>
<head>
    <title>Shift键被按了吗?</title>

    <script type="text/javascript">
        function isKeyPressed(event)
        {
          if (event.shiftKey==1)
            {
                alert("Shift键被按下!")
            }
          else
            {
                alert("Shift键未被按下!")
            }
          }
    </script>

</head>
<body onmousedown="isKeyPressed(event)">
    <p>
        在文档中点击某个位置。消息框会告诉你是否按下了 shift 键。</p>
</body>
</html>

 

分享到:
评论

相关推荐

    Event 对象的使用方法

    Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

    Python编程之event对象的用法实例分析

    本文实例讲述了Python编程中event对象的用法。分享给大家供大家参考,具体如下: ...Event对象提供了isSet()方法来判断其内部信号标志的状态,当使用event对象的set()方法后,isSet()方法返回真. 2.清除信号

    JavaScript事件对象event用法分析

    本文实例讲述了JavaScript事件对象event用法。分享给大家供大家参考,具体如下: 前面的文章已经介绍了JavaScript为事件指定处理程序的五种方式。 下面继续介绍JavaScript的事件对象event。 事件对象event包含导致...

    event对象获取方法总结在google浏览器下测试

    Event对象的获取方法: 方法一: 例如: 代码如下: function demo1(e){ var e = e || window.event; //此种方法在ie中和google中可以不传参数e也可以获取到event,但是在火狐中必须在事件方法中传递event参数 //才...

    JS的Event事件对象使用方法

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 事件对象获取统一的方法:(来源于网络) 代码如下: function getEvent(event) { var ev = event || window.event; if (!ev) { var c = this.getEvent.caller; while ...

    html的DOM中Event对象onblur事件用法实例

    主要介绍了html的DOM中Event对象onblur事件用法,实例分析了onblur事件的使用范围与对应的javascript使用技巧,需要的朋友可以参考下

    javascript event 用法

    Abstract 使用 event 对象获取高级流重定向器(ASX)文件中项目横幅的 Abstract 内容。 altKey 设置或获取 Alt 键的状态。 altLeft 设置或获取左 Alt 键的状态。 Banner 使用 event 对象获取高级流重定向器(ASX)...

    html的DOM中Event对象onabort事件用法实例

    主要介绍了html的DOM中Event对象onabort事件用法,实例分析了onabort事件的适用范围与对应的javascript使用技巧,需要的朋友可以参考下

    event-sender:提供一个EventSender原型以发送服务器发送的事件(sse),该事件已由EventSource接口使用

    安装npm install --save event-sender用法使用HTTP响应对象(例如ExpressJS res参数)初始化EventSender对象: var EventSender = require ( 'event-sender' ) ;var event = new EventSender ( response ) ; 然后,...

    javascript中window.event事件用法详解

    前两天写程序时因为要用到javascript中的window.event事件,于是就在网上搜了一下,终于找到一篇不错的文章,来与大家分享下: 描述 event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等...

    class-event:此类的对象可以触发事件,其他对象可以绑定到这些事件

    班级活动 此类的对象可以触发事件,而其他对象可以绑定到这些事件。 灵感来源 :beer_mug: 的Simple JavaScript Inheritance的原始想法和... 如果没有提供其他参数,则该方法将假定目标对象与源对象相同,并且回调与

    JS event使用方法详解

    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。

    javascript常用对象梳理

    熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用 掌握window对象的moveTo、resizeTo、scrollTo、print方法...

    jQuery源码分析之Event事件分析

    对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。一般lib都会对浏览器的提供的函数做一些扩展,解决兼容性内存泄漏等问题。第三个问题就是如何得到domReady的状态。 6.1 event的包裹 浏览器的...

    js中的触发事件对象event.srcElement与event.target详解

    IE下,event对象有srcElement属性,但是没有target属性; Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,即: firefox 下的 event.target = IE 下的 event.srcElement 解决方法 使用...

    IE和firefox浏览器的event事件兼容性汇总

    1,关于event的用法 存在问题:IE中可以直接使用event对象,但是Mozilla不可以直接使用。 例如: &lt;input type=”button” value=”clickMe” nclick=”doIt()”&gt; [removed]  function doIt(){   alert&#40;...

Global site tag (gtag.js) - Google Analytics