编辑
核心代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>阻止默认事件</title> </head> <body> <!-- 请补全JavaScript函数,要求在点击id为"checkbox"的复选框时不会取消勾选状态。 注意:需要自行获取input元素。 --> <form> <label>牛客会陪伴大家</label> <input id="checkbox" type="checkbox" checked /> </form> <!-- 请补全JavaScript函数,要求在点击id为"checkbox"的复选框时不会取消勾选状态。 注意:需要自行获取input元素。 --> <script> var input = document.querySelector("input"); input.addEventListener('click', function(e){ e.preventDefault(); }) </script> </body> </html>
总结
类似于上一道题 利用绑定事件阻止事件执行