DOM事件

一、onmousedown事件
当某个鼠标按钮被点击时触发

div.onmousedown= function(){
div.style.backgroundColor = "pink";
div.innerHTML = "鼠标已经按下，松开按钮";
}

二、onmouseup事件
当鼠标按钮被松开时触发

div.onmousedown= function(){
div.style.backgroundColor = "green";
div.innerHTML = "鼠标按钮已经松开";
}

三、onclick事件
当鼠标点击完成时触发

div.onclick = function(){
div.style.backgroundColor = "red";
div.innerHTML = "点击完成";
}

四、onmouseover事件
鼠标指针移动到元素时触发

div.onclick = function(){
div.style.backgroundColor = "yellow";
div.innerHTML = "移开鼠标";
}

五、onmouseout事件
鼠标指针离开元素时触发

div.onclick = function(){
div.style.backgroundColor = "yellow";
div.innerHTML = "把鼠标移上来";
}

六、onchange事件
当元素被改变时触发

input.onchange = function(){
var x = document.getElementByClassName("input");
x.value = x.value.toUpperCase();
}