Event对象用法

最新推荐文章于 2022-08-05 10:29:45 发布

buliangniu

最新推荐文章于 2022-08-05 10:29:45 发布

阅读量188

点赞数

分类专栏： JavaScript 文章标签： JavaScript HTML 框架 ViewUI

JavaScript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

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

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

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

</head>
<body οnmοusedοwn="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 οnmοusedοwn="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 οnkeyup="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 οnmοusedοwn="isKeyPressed(event)">
    <p>
        在文档中点击某个位置。消息框会告诉你是否按下了 shift 键。</p>
</body>
</html>