时间:2021-05-26
从学习W3C标准以来,对于代码我好像养成了一种怪癖,能统一复用的,就不会多写一点东西,这样前台页面代码看起来会清爽很多,而效率也会成直线上升.
复制代码 代码如下:
<scripttype="text/javascript">
<!--
//定义鼠标触发事件的范围
functionfindOutDiv(thisEvent){
//利用循环查找符合CSS样式名字的对象
while(thisEvent.className!="piccell"){
//如果这个对象的标签名字是HTML就停止,然后让事件对象不存在,用做后面的判断
if(thisEvent.tagName=="HTML"){
thisEvent=false;
break;
}else{
//否则继续下个对象,即他的父对象
thisEvent=thisEvent.parentNode
}
}
//返回事件对象,如果事件对象不存在返回假
returnthisEvent;
}
//利用鼠标在对象移动属性作为时间触发行为
document.onmouseover=function(e){
//这个e是FireFox捕捉事件触发对象的方法
if(!e)e=window.event;
//定义Event给于鼠标触发对象的实体,即符合标准并可以控制的对象
//target为FF专用,srcElement为IE专用
varEvent=e.target?e.target:e.srcElement
//定义可控制的对象,调用鼠标触发事件范围所返回的对象
varthisEvent=findOutDiv(Event)
//如果对象存在就继续
if(thisEvent){
//给对象定义CSS样式
thisEvent.style.border="2pxsolid#7A99D2";
thisEvent.style.background="#D2E4FC";
}
}
//同上,利用鼠标在对象移出作为时间触发行为
document.onmouseout=function(e){
if(!e)e=window.event;
varEvent=e.target?e.target:e.srcElement
varthisEvent=findOutDiv(Event)
if(thisEvent){
thisEvent.style.border="2pxsolid#CCC";
thisEvent.style.background="#FFF";
}
}
//-->
</script>
这样写的好处显而易见,可以不用在每个对象中写触发动作的行为,极大的节省了代码,并且JS更有可读性.
过段时间等我把个性化页面整理完成后发布出来,让大家看看利用事件触发对象动作的好处.
GOOGLE,和微软的LIVE他的个性化页面写的很不错,所以大家都可以学习一下他们的代码,这样对你将来的AJAX应用会有非常大的帮助.
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
调用事件:事件对象什么是事件对象?在触发dom上的事件是都会产生一个事件对象event。例如鼠标点击的时候,自己就会产生比如点击的类型啊还要那个元素发出的dom
JS的Event对象是触发事件的时候传递给事件处理函数的一个对象,这个对象中存在触发事件的基本信息。如:触发事件的事件源、键盘码(如果存在)等基本信息。1、通过
使用事件自然少不了事件对象.因为不同浏览器之间事件对象的获取,以及事件对象的属性都有差异,导致我们很难跨浏览器使用事件对象.jQuery中统一了事件对象,当绑定
mouseenter事件只会触发一次,触发对象是注册对象或者注册对象的子元素mouseover事件可以触发多次,触发对象是注册对象或者注册对象的子元素Docum
JavaScript是基于对象的语言。基于对象的基本特征是网站设计采用事件驱动。用户在客户端使用鼠标或热键的动作被称之为事件,而由鼠标或热键引发的一连串程序的动