首页 > 技术文章 > HTML元素事件说明

laotan 2014-03-23 15:58 原文

blur( ) 元素失去焦点 a, input, textarea, button, select, label, map, area 
change( ) 用户改变域的内容 input, textarea, select 
click( ) 鼠标点击某个对象 几乎所有元素 
dblclick( ) 鼠标双击某个对象 几乎所有元素 
error( ) 当加载文档或图像时发生某个错误 window, img 
focus( ) 元素获得焦点 a, input, textarea, button, select, label, map, area 
keydown( ) 某个键盘的键被按下 几乎所有元素 
keypress( ) 某个键盘的键被按下或按住 几乎所有元素 
keyup( ) 某个键盘的键被松开 几乎所有元素 
load( fn ) 某个页面或图像被完成加载 window, img 
mousedown( fn ) 某个鼠标按键被按下 几乎所有元素 
mousemove( fn ) 鼠标被移动 几乎所有元素 
mouseout( fn ) 鼠标从某元素移开 几乎所有元素 
mouseover( fn ) 鼠标被移到某元素之上 几乎所有元素 
mouseup( fn ) 某个鼠标按键被松开 几乎所有元素 
resize(fn ) 窗口或框架被调整尺寸 window, iframe, frame 
scroll( fn ) 滚动文档的可视部分时 window 
select( ) 文本被选定 document, input, textarea 
submit( ) 提交按钮被点击 form 
unload( fn ) 用户退出页面 window

 

 

 

var s=document.getElementById("test");

 

var chils= s.childNodes;  //得到s的全部子节点

 

var par=s.parentNode;   //得到s的父节点

 

var ns=s.nextSbiling;   //获得s的下一个兄弟节点

 

var ps=s.previousSbiling;  //得到s的上一个兄弟节点

 

var fc=s.firstChild;   //获得s的第一个子节点

 

var lc=s.lastChile;   //获得s的最后一个子节点

 

 

 

 

 

推荐阅读