如果事件可取消，则取消该事件，而不停止事件的进一步传播。
语法
event.preventDefault();
案例
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>event.preventDefault()</title> 6 </head> 7 <body> 8 <p>请点击复选框控件</p> 9 <form> 10 <label for="id-checkbox">Checkbox</label> 11 <input type="checkbox" id="id-checkbox" name="checkbox" /> 12 </form> 13 <script> 14 document.querySelector("#id-checkbox").addEventListener("click", function(event){ 15 event.preventDefault(); //阻止该复选框被勾选 16 setTimeout(function (){ 17 alert("preventDefault会阻止该复选框被勾选.") 18 },0) 19 }, false); 20 </script> 21 </body> 22 </html>
备注
在事件触发后的任何阶段调用preventDefault方法来取消该事件,意味着该事件的所有默认动作都不会发生.preventDefault 方法不会阻止该事件的进一步冒泡. event.stopPropagation方法才有这样的功能.