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 lang="zh-cn">
<meta charset="utf-8" />
<body>
<a href="####" id="link">点我两次分别执行两个不同的 *** 作</a>
<script>
window.onload = function () {
var obj = document.getElementById("link")//获取被点击元素句柄
var num = 0//设置计数器变量，默认为0，下面将在点击后把它设为1，再点又设为0
//obj对象被点击
obj.onclick = function (event) {
if (num == 0) {
num = 1//如果计数器为0，则改为1
A()//第1次点击，调用函数A
} else if (num == 1) {
num = 0//如果计数器为1，则改为0
B()//第2次点击，调用函数B
}
}
obj.addEventListener("click", funcNum , false)//监听点击事件
}
function A() {
var obj = document.getElementById("link")//获取被点击元素句柄
obj.style.color = "red"
alert("执行事件A\n把字体设置为红色")
}
function B() {
var obj = document.getElementById("link")//获取被点击元素句柄
obj.style.color = "blue"
alert("执行事件B\n把字体设置为蓝色")
}
</script>
</body>
</html>
点击子元素，如果不阻止事件冒泡的话 父元素一样会有点击事件
定义全局变量 a 当子元素 点击 a++ a>4 你的的逻辑
直接监听父元素的点击事件 a++ a>4 你的的逻辑
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）