js中的常用事件

• onload：加载事件

  <script type="text/javascript">
      window.onload =function () {
        var bthIdEle = document.getElementById("btnId2");
        // bthIdEle.onclick = function () {
        //   alert("sayHello2");
        // }
        var fun = function() {
          alert("sayHello2");
        }
        bthIdEle.onclick = fun;
      }</script>
  

• onclick：单击事件

  var bthSub = document.getElementById("bthSub");
        bthSub.onclick = function () {
          alert("bthSub onclick");
        }
  

• onchange：文本改变失去焦点事件

  var unEle = document.getElementById("username");
        unEle.onchange = function () {
          var unValue = this.value;
          if (unValue == "" || unValue == null) {
            alert("用户名不能为空，请从新输入");
          }
        }
  

• onsubmit：表单提交事件

  var myForm = document.getElementById("myForm");
   myForm.onsubmit = function () {
   alert("表单提交事件");
   }
  

• onblur：失去焦点事件