event.preventDefault()
如果调用这个方法,默认事件行为将不再触发。
event.preventDefault()
- 这个方法不接受任何参数。
例如,在执行这个方法后,如果点击一个链接(a标签),浏览器不会跳转到新的 URL 去了。我们可以用event.isDefaultPrevented()
来确定这个方法是否(在那个事件对象上)被调用过了。
例子
取消点击动作的默认导航行为。
<!DOCTYPE html> <html> <head> <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script> </head> <body> <a href="https://www.lanmper.cn">default click action is prevented</a> <div id="log"></div> <script> $("a").click(function (event) { event.preventDefault(); $('<div/>') .append('default ' + event.type + ' prevented') .appendTo('#log'); }); </script> </body> </html>