事件类型总结 :

属性事件:click、dbclick、mouseover、mouseout、mouseenter、mouseleave、mousedown、mouseup、mousemove

键盘事件:keydown、keyup、keypress

ui事件:scroll、resize、load、unload

表单事件:focus、blur、select、change、submit

事件方法,一般都放在methods 里面写

事件对象

事件对象是用来获取当事件发生时,事件源的一些信息(状态),例如,当鼠标移动事件发生时,想获得鼠标的坐标等,就通过事件对象来获得

在Vue中当事件发生时,会自动给事件处理函数传递一个$event事件对象,不需要手动传递,只需要接收即可

<div id="app">
    <button v-on:click="addUser($event,11111)">添加</button>
    <button @click="addUser($event,11111)">新增</button>
</div>
<script>
    new Vue({
        el:'#app',
        data:{
            name:'这是一条测试的数据'
        },
        methods:{
            addUser(e,xxx){
                console.log(e)
                alert(e.clientX)
                alert(xxx)
                alert('你击中我了')
            }
        }
    });
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值