1. 程式人生 > >阻止標籤預設行為(應用)

阻止標籤預設行為(應用)

阻止標籤的預設行為, 如表單提交時, 如果內容不合法, 則要阻止提交行為

再比如給a標籤新增事件, 需要阻止頁面跳轉行為

今天本人給 ul - li - a 標籤新增點選事件, 點選後跳轉了, 顯然我是要事件起效果, 不是要它跳轉, 這才想起阻止跳轉行為

<a href class="myclick"></a> ,當然可以去掉這個href屬性, 這樣的話它就不會跳轉了

但是去掉href屬性後, 就沒有點選手勢的樣式, 所以應該在事件函式中這樣操作:

$(.myclick).on("click", function(){

         $(this).prevenDefault();                      // this就是事件物件, 這裡就是a標籤

})

應用: (divideFunction為分頁函式)

<script type="text/javascript">
    $(function() {
        /***************呼叫函式, 新增第一頁的內容*****************/
        divideFunction(1, 3, "/getCertDivideList");

        /***************給分頁的導航標籤繫結事件***************/
        $(".nav-list").on("click", "a", function(e) {
            var data_index = $(this).parent().attr("data_index");
            /*再呼叫函式, 根據頁碼載入目標頁碼的內容*/
            divideFunction(data_index, 3, "/getCertDivideList");
           
            // 阻止默a標籤跳轉的預設行為, e是事件物件, 也可以使用this
            e.preventDefault();
            
            /*清空上一頁載入的內容*/
            $(".cert_list, .nav-list, .currentPage, .totalPages").empty();    
        });
    });
</script>