阻止標籤預設行為(應用)
阿新 • • 發佈:2018-12-18
阻止標籤的預設行為, 如表單提交時, 如果內容不合法, 則要阻止提交行為
再比如給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>