vue事件监听

vue事件监听,第1张

HTML 所监听的事件我们的vue都已经加入了监听

HTML 事件参考手册

下面我们来介绍几个比较常用的事件

1、onclick 元素上发生鼠标点击时触发。 ==> vue用法 @click()

2、onscroll 当元素滚动条被滚动时运行的脚本。 ==> vue用法 @scroll()

可以用来监听元素是否滚动到底,如下:

3、ondblclick 元素上发生鼠标双击时触发。 ==> vue用法 @dblclick()

4、onmousedown 当元素上按下鼠标按钮时触发。。 ==> vue用法 @mousedown()

下面是一个元素拖动的例子:

5、onkeydown 在用户按下按键时触发。 ==> vue用法 @keydown()

6、onkeypress 在用户敲击按钮时触发。 ==> vue用法 @keypress()

7、onkeyup 当用户释放按键时触发。 ==> vue用法 @keyup()

具体可以参考文档 HTML 事件参考手册

跟踪触摸的属性

每个Touch对象包含的属性如下。

<!DOCTYPE html>

<html>

    <head>

        <meta charset="GB2312">

        <title></title>

        <script type="text/javascript">

            window.onload=function()

            {

                var aDiv = document.getElementsByTagName('div')

                 

                for (var i=0 i<aDiv.length i++)

                {

                    aDiv[i].onmouseover=function()

                    {

                        alert(this.innerHTML)//d出鼠标滑过区域

                    }

                }

 

            }

        </script>

    </head>

    <body>

    <div>111</div>

    <div>222</div>

    <div>333</div>

    </body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6098826.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存