vue开发----关于阻止浏览器右键显示的方法

2024年3月2日 87次阅读 来源: Crazy_LinkFern

一、在HTML元素中使用  .prevent

<!--不阻止右键菜单(浏览器行为)，右键执行函数show-->
<div @contextmenu="show()"></div>

<!--阻止右键菜单-->
<div @contextmenu.prevent></div>

<!--阻止右键菜单(浏览器行为)，右键执行函数show-->
<div @contextmenu.prevent="show1()"></div>

二、使用监听事件的 .preventDefault() 方法

<template>
    <div @contextmenu="show(event)"></div>
</template>

<script>
    export default {
        name: 'test',
        methods: {
            show (event) {
                // 此处可以使用判断条件控制是否需要阻止右键
               event.preventDefault(); 
            }
        }
    }
</script>

 

    原文作者：Crazy_LinkFern
    原文地址: https://blog.csdn.net/qq_32107121/article/details/102930328
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞