zoukankan      html  css  js  c++  java
  • [HTML 5] preventDefault() & defaultPrevented prop

    const app = document.getElementById('app');
    app.innerHTML = `
      <h1>JavaScript DOM</h1>
      <form>
        <label>
          Sign-up Email
          <input type="email">
        </label>
        <label>
          I agree to the terms
          <input type="checkbox">
        </label>
      </form>
    `;
    
    const form = document.querySelector('form');
    const email = form.querySelector('input[type="email"]');
    const checkbox = form.querySelector('input[type="checkbox"]');
    
    function handleSubmit(event) {
      if (!checkbox.checked) {
        event.preventDefault();
        console.log('I am not submitting...');
        console.log(event.defaultPrevented); // true
        return;
      }
      console.log('Submitted', email.value);
    }
    
    form.addEventListener('submit', handleSubmit);
  • 相关阅读:
    Netty入门(三)之web服务器
    Math对象
    DOM
    BOM
    字符串
    数组
    ajax
    如何安装vue脚手架
    git提交拉取远程仓库
    第九届蓝桥杯,赛后感!!含泪写完。
  • 原文地址:https://www.cnblogs.com/Answer1215/p/12775120.html
Copyright © 2011-2022 走看看