公司网站空间要多大,wordpress链接 数据库,流量卡网站,网站建设服务周到一#xff0c;基本使用
1.使用v-on:事件名或者事件名绑定事件
常见的事件有#xff1a;
onclick, 鼠标单击事件#xff1b; ondblclick, 鼠标双击事件#xff1b;onmousedown,鼠标按下去的事件#xff1b;onmouseup,鼠标弹起事件#xff1b;
onmouseover,onmouseente…一基本使用
1.使用v-on:事件名或者事件名绑定事件
常见的事件有
onclick, 鼠标单击事件 ondblclick, 鼠标双击事件onmousedown,鼠标按下去的事件onmouseup,鼠标弹起事件
onmouseover,onmouseenter,onmouseout,onmouseleave, onmousemove 监控鼠标的移入移出以及移动事件
onkeydown, onkeyup, onkeypress 监控键盘的按下和弹起。
这里把on改为即可
2.eg:clickshow这样的写法默认会传一个事件的参数如果写成clickshow(a),这样就会把默认的事件参数取消掉如果还想再把event参数传过去就必须使用clickshow(a,$event)才可以
二常用的事件修饰符
.stop 阻止事件继续传播。
#阻止事件冒泡
a click.stoptoNext前往下一页/a.stop 相当于在 toNext 方法上执行了 e.stopPropagation e.cancelBubble true;.prevent 阻止标签的默认事件。
#阻止默认事件行为。
a click.preventtoNext.prevent 相当于在 toNext 方法上执行了 e.preventDefault()IE e.returnValue false;.capture 添加事件监听器使用事件捕获模式即处理顺序从body-目标元素。
!-- 添加事件监听器时使用事件捕获模式 --
!-- 即内部元素触发的事件先在此处理然后才交由内部元素进行处理 --
div v-on:click.capturedoThis.../div.self 判断event.target是自己触发的还是子元素冒泡过来的。.self就只接受自己触发的事件。
!-- 只当在 event.target 是当前元素自身时触发处理函数 --
!-- 即事件不是从内部元素触发的 --
div v-on:click.selfdoThat.../div.once 表示点击事件只触发一次。
#vue版本2.1.0 点击事件将只会触发一次. a v-on:click.oncedoThis/a
三按键事件的常用键