html\css\js（一）

事件处理程序

三种形式(html ，DOM0,DOM1)

 <div id="div1" onclick='testC()'></div>
  //1
  function testC(){
        console.log("11")
      }
//2
  var a=  document.getElementById(  "div1")
      a.onclick=function(){
        console.log(22)
      }
//3 
  a.addEventListener('click',function(){
        console.log(33)
      })

Event 事件对象

事件发生以后，会作为一个参数传递给监听函数

Event对象属性

• event.target 返回当前事件所在的节点
• event.type 返回当前事件的类型
• event.preventDefault(); 阻止当前事件的默认行为，如点击链接，可阻止其默认的跳转
• event.stopPropagation() ; 阻止事件冒泡，继续向上传递

表单事件

• oninput
• onselect
• onchange
• reset
• submit