event.preventDefault()

今天只是记录这个一个方法

event.preventDefault()

非常简单,取消事件的默认动作
场景:监听input框的delete事件,然后对input框的值进行一些操作。
问题:发现对值进行操作完成之后总是会删掉一个字符,这个就是delete事件的默认操作。
解决方案:使用event.preventDefault()取消事件的默认动作,完成。

再看一个例子

event.preventDefault()是通知浏览器不要执行与事件关联的默认动作

<a href="www.baidu.com">baidu</a>
<script type="text/javascript">
    $("a").click(function(event){
        console.info(event);
        event.preventDefault();
    });
</script>

这里a标签的默认事件是跳转,这里我们告诉浏览器取消默认事件,这样a标签的跳转功能就不好使了

 

参考 : https://blog.csdn.net/weixin_39975379/article/details/93620050

          https://www.cnblogs.com/zcx-fly2017/p/7150973.html

posted on 2021-12-14 10:32  hi-gdl  阅读(156)  评论(0)    收藏  举报

导航