onclick点击事件（三种）

第一种：行内绑定：

<div onclick="fun()"></div>

function fun(){
       alert('点击事件') 
}  　　

第二种：获取div 的 dom元素

var dom=document.getElementsByTagName('div')[0];
dom.onclick=function(){
        alert('点击事件')
}   　　　

第三种：事件监听：

var dom=document.getElementsByTagName('div')[0];
dom.addEeventListener('onclick',function(){
        alert('点击事件')
})　    

onchange事件：内容发生变化时候的事件

实例：打印在input框中输入的内容

 

 

onmouseover事件：鼠标移动到HTML元素上方的事件

var dom=document.getElementsByTagName('div')[0];
dom.addEeventListener('onmouseover',function(){
        console('鼠标移入')
})　

onmouseout事件：鼠标移出HTML元素上方的事件

var dom=document.getElementsByTagName('div')[0];
dom.addEeventListener('onmouseout',function(){
        console('鼠标移出')
})　

onmousedown事件：鼠标按下事件

var dom=document.getElementsByTagName('div')[0];
dom.addEeventListener('onmousedown',function(){
        console('鼠标按下')
})　　　

ondbclick双击事件

onfocus元素获取焦点事件

onblur元素失去焦点事件