阻止标签默认行为(应用)

阻止标签的默认行为, 如表单提交时, 如果内容不合法, 则要阻止提交行为

再比如给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>

对于分页, 值得一提的是: 分页是替换内容, 所以需要清空上一页加载的内容, 即$(selector).empty();