详解vue事件对象、冒泡、阻止默认行为
整理文档,搜刮出一个vue事件对象、冒泡、阻止默认行为的代码,稍微整理精简一下做下分享。
事件对象
window.onload=function(){ varvm=newVue({ el:'#box', data:{}, methods:{ show:function(ev){ alert(ev.clientX); alert(ev.clientY); } } }); }
事件冒泡
window.onload=function(){ varvm=newVue({ el:'#box', data:{}, methods:{ show:function(){ alert(111); //原生的写法 //ev.cancelBubble=true; }, show2:function(){ alert(222); } } }); }
阻止事件默认行为
window.onload=function(){ varvm=newVue({ el:'#box', data:{}, methods:{ show:function(){ alert(111) }, show2:function(){ alert(222) } } }); }