【基础】阻止默认行为

阻止默认行为

  • html
<div>
    <p>当鼠标右键被绑定事件时,会跳出默认菜单,我们需要阻止该行为的方式</p>
    <button @contextmenu="show($event)">阻止默认行为</button>
</div>
  • js
<script>
    // 初始化数据
    window.onload = function () {
        // vue
        var vueApp = new Vue({
            el: '#app',
            data: {message: '这里是测试内容'},
            methods: {
                show: function (event) {
                    alert(1);
                    event.preventDefault();
                }
            }
        });
    };
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一。 网页中的元素都有自己的默认行为,比如点击a标签的时候会自动跳转、点击提交按钮后表单会提交,有时我们需要阻止默...
    Suoz阅读 536评论 0 0
  • 一、阻止事件的默认行为: e.preventDefault() eg: function jqFun(){ /...
    janey_默阅读 821评论 0 0
  • `一,事件$event:vue的内置对象 原生js阻止事件冒泡 vue阻止事件冒泡 v-on的修饰符
    Amy_yqh阅读 15,202评论 0 7
  • 1.背景介绍 浏览器的事件发生顺序 浏览器的事件发生顺序分为事件冒泡与事件捕获,分别由微软和网景公司提出。 事件冒...
    xiaoyudesu阅读 2,109评论 0 0
  • 俯瞰北京城,从早晨到黑夜,穿梭于地面,地底的大铁龙咆哮着,时常从它的嘴巴里吞吐着,这个星球上最伟大的生物。他们面无...
    九月fine阅读 245评论 0 1