关于ie与ff的event.srcElement 问题

2010-03-22 17:19:22 by 【6yang】, 177 visits, 收藏 | 返回

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>电影频道 - 迅雷看看</title>
<link href="http://misc.web.xunlei.com/www_5_3/css/basekk_movie.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://misc.web.xunlei.com/www_5_3/css/detailkk_movie.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" language="javascript">
var D=Detail={};
var timer = null;
Detail.show=function(name,year,genre,area,actors,focus,cp_pubuid,evt){
    if(timer != null)
        clearTimeout(timer);
if(D.len(focus)>122){
  focus=focus.substr(0,60)+'...';
}
if(D.len(actors)>26){
  actors=actors.substr(0,12)+'...';
}
var html='' ;
html += '<div class="bg_tm"></div>' ;
html += '<div class="win_content" id="div_tip_detail"><dl><dt>'+name+'<em>('+year+')</em><span>'+genre+'/'+area+'</span></dt><dd>' ;
html += '<p>主演：<span>'+actors+' </span></p>' ;
html += '<p>剧情：<span>'+focus+'</span></p>' ;
html += '</dd>' ;
html += '</dl>' ;
html += '<p class="author">上传者：<strong>'+cp_pubuid+'</strong></p>' ;
html += '</div>' ;

$('div_tip_detail').innerHTML=html;
var evt = evt || event;
if(document.uniqueID){
var p=KK.position(evt.srcElement);
}else{
var p=KK.position(evt.target);
}
var tip=$('movie_info');
tip.style.display='';
tip.style.top=p.Top+'px';
tip.style.left=p.Left+96+'px';
}
Detail.actor=function (str,len,spliter){
spliter=spliter||'|';
var arr=str.split(spliter);
var temp='';
for(var i=0;i<arr.length;i++){
  temp+=arr[i]+' ';
  if(D.len(temp)<len){
   str=temp;
  }else{
   break;
  }
}
return str;
}
Detail.hide=function (){
    timer = setTimeout(function(){$('movie_info').style.display='none';},1000);
}
Detail.len=function (str){
var l=0;
var sl=str.length
for(var i=0;i<sl;i++){
  l++;
     if (str.charCodeAt(i)>256) l++;
}
return l;
}
var KK={};
KK.position=function(o){
var p={Top:0,Left:0};
while(!!o){
  p.Top+=o.offsetTop;
  p.Left+=o.offsetLeft;
  o=o.offsetParent;
}
return p;
}
function $(item){
return document.getElementById(item);
}
</script>
</head>
<body class="kk-catalog">
<div id="movie_info" style="display:none">
<div class="bg_tm"></div>
<div class="win_content" id="div_tip_detail">y</div>
</div>
<div class="container">
<div class="main">
  <div class="box rbgx">
   <h2>今日热播</h2>

   <div class="content">
    <div class="movList">
     <ul>
<li>
<a href="http://kankan.xunlei.com/5.1/movie/18/62118.html" class="playpic" onmouseover="D.show('第九区','2009','科/幻','美国','李咏李咏李咏李咏李咏李咏李咏李咏','28年前，第一次外星人和地球人的正式接触发生了。但外星人的到来却引起','susan',arguments[0])" onmouseout="D.hide()"><img src="http://images.movie.xunlei.com/86x121/533/1f5e8e5a3922627b993ea6c36c0a550c.jpg" /></a>
<span class="bg hover_bg"></span><span class="hover_bg_txt">高清版</span>
<p class="mov-title"><a href="http://kankan.xunlei.com/5.1/movie/18/62118.html" title="点击播放第九区">第九区</a><a href="http://data.movie.xunlei.com/movie/46515" title="点击查看影片信息" class="playMov"></a></p>
<p>09好莱坞科幻大片</p>
</li>
     </ul>
    </div>
   </div>
  </div>
</div>

</div>

<div id="test">点我</div>
<script>
var obj = document.getElementById("test");
obj.onclick = test;
function test(evt) {
var evt = evt || event;
var o = evt.srcElement ? evt .srcElement : evt.target;
alert(o.tagName);
}
</script>

</body>
</html>

分享到：

我要评论本文来自:http://www.6yang.net/articles_view.php?id=704&cid=3

share

技术标签 TAGS

专业技术精选

首页 > 技术 > 学习技术库

关于ie与ff的event.srcElement 问题

图片原图