Vue之阻止默認行為

本文轉載自查看原文 2017-10-21 21:36 4305 js/ vue.js

1.使用原生js實現點擊右鍵阻止默認行為

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title></title>  
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">  
    <meta name="apple-mobile-web-app-capable" content="yes">  
    <meta name="apple-mobile-web-app-status-bar-style" content="black">  
    <style>  
  
    </style>  
    <script src="vue.js"></script>  
    <script>  
        window.onload=function(){  
            new Vue({  
                el:'#box',  
                data:{  
  
                },  
                methods:{  
                    show:function(ev){  
                        alert(1);  
                        ev.preventDefault();  
                    }  
                }  
            });  
        };  
    </script>  
</head>  
<body>  
    <div id="box">  
        <input type="button" value="按鈕" @contextmenu="show($event)">  
    </div>  
</body>  
</html>

描述：

使用原生js中的ev.preventDefault() 阻止默認行為

2.Vue中使用 .prevent 阻止默認行為

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title></title>  
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">  
    <meta name="apple-mobile-web-app-capable" content="yes">  
    <meta name="apple-mobile-web-app-status-bar-style" content="black">  
    <style>  
  
    </style>  
    <script src="vue.js"></script>  
    <script>  
        window.onload=function(){  
            new Vue({  
                el:'#box',  
                data:{  
  
                },  
                methods:{  
                    show:function(){  
                        alert(1);  
                    }  
                }  
            });  
        };  
    </script>  
</head>  
<body>  
    <div id="box">  
        <input type="button" value="按鈕" @contextmenu.prevent="show()">  
    </div>  
</body>  
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue阻止右鍵默認行為 vue 阻止元素的默認行為 vue中阻止默認行為 jQuery阻止默認行為 vue 事件修飾符（阻止默認行為和事件冒泡） vue 中阻止事件冒泡，捕獲，默認行為事件如何阻止事件冒泡和默認行為？阻止事件冒泡和阻止事件默認行為 a標簽阻止默認跳轉行為事件 Angular ngClick 阻止冒泡和默認行為