鍍金池/ 問答/HTML/ vue中keyup.tab如何阻止瀏覽器默認(rèn)事件

vue中keyup.tab如何阻止瀏覽器默認(rèn)事件

vue中綁定keyup.tab.prevent無法阻止tab鍵瀏覽器默認(rèn)事件

相關(guān)代碼

@keyup.stop.prevent="onKeyup"

methods: {
    onKeyup(e){
        e.preventDefault();
        switch (e.keyCode) {
          // tab
          case 9:
             ......
        }
        return false 
    }
}

如上代碼，template中綁定keyup并且也指定修飾符prevent，onKeyup方法中也使用e.preventDefault()和return false，但是均無法阻止tab鍵的默認(rèn)事件。

請問是否有其他可以解決的方法？

回答
編輯回答
汐顏
//按我這樣寫        
    $(document).ready(function () {
        $(document).bind('keydown', function (event) {
            if (event.keyCode == 9) {
               return false;
            }
        });
    });
2017年3月25日 22:41