欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript onmouseout 解決辦法

 更新時間:2010年07月17日 17:49:25   作者:  
最近在做一個簡單的鼠標onmouseover時顯示層(層里面有多個鏈接文字),onmouseout 時隱藏層的功能時,發(fā)現有諸多問題.
onmouseout 發(fā)現它的觸發(fā)太敏感,當經過層內文字鏈時,即觸發(fā)onmousetout事件,功能不能正常顯示,經過一番搜索,整理出來,供大家參考。

1、
復制代碼 代碼如下:

<script type="text/javascript">
  function test(obj, e) {
    if (e.currentTarget) {
  if (e.relatedTarget != obj) {
   if (obj != e.relatedTarget.parentNode) {
  alert(1);
  }
  }
  } else {
  if (e.toElement != obj) {
  if (obj != e.toElement.parentNode) {
  alert(1);
  }
  }
  }
  }
</script>
  <div onmouseout="test(this, event)" style="width:100px;height:100px;border:1px #666 solid">
    <span style="margin:5px;width:100%;height:100%;border:1px #ff0000 solid">faddsf</span>  </div>

2、
復制代碼 代碼如下:

  var LeaveFunext = function(t,f){for(var p in f){t[p]=f[p]} return t};
  var IE = '\v' == 'v';
  var contains = function(wrap,child){
  if(IE) return wrap.contains(child);
  while(child && typeof(child.parentNode) != "undefind"){
  if(wrap == child) return true;
  child = child.parentNode;
}
return false;
  };
  var LeaveFun = function(o){
  var _o = typeof o =="string" ? document.getElementById(o) : o;
  return this == window ? new LeaveFun(_o):LeaveFunext(_o, LeaveFun.prototype);
  };
  LeaveFun.prototype = {
  mouseleave : function(fn){
  if(IE){
  this.attachEvent('onmouseleave',fn);
  }else{
this.addEventListener('mouseout',function(e){
tar = e.relatedTarget;
if(!contains(this, tar)){
fn.call(this);
}
  }, false);
  }
  return this;
  }
  };
  //調用
  LeaveFun('share_customerdiv').mouseleave(function(){document.getElementById('share_customerdiv').style.display ='none';})

3、最簡單,但在部分系統(tǒng)上會有輕微閃爍。
復制代碼 代碼如下:

<div style="z-index: 11; " onmouseout="this.style.display='none'" onmouseover="this.style.display='block'" >
<b class="STYLE19">更多此人的...</b>
<a class="STYLE8" >留言板</a>
<a class="STYLE8" >好友</a>
<a class="STYLE8"></a>
</div>

相關文章

  • 微信小程序實現滑動/點擊切換Tab及scroll-left的使用

    微信小程序實現滑動/點擊切換Tab及scroll-left的使用

    這篇文章主要介紹了微信小程序實現滑動/點擊切換Tab,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-04-04
  • JavaScript給事件委托批量添加事件監(jiān)聽詳細流程

    JavaScript給事件委托批量添加事件監(jiān)聽詳細流程

    事件委托,一般來講,會把一個或者一組元素的事件委托到它的父層或者更外層元素上,真正綁定事件的是外層元素,當事件響應到需要綁定的元素上時,會通過事件冒泡機制從而觸發(fā)它的外層元素的綁定事件上,然后在外層元素上去執(zhí)行函數
    2021-10-10
  • js實現iframe自動自適應高度的方法

    js實現iframe自動自適應高度的方法

    這篇文章主要介紹了js實現iframe自動自適應高度的方法,涉及javascript操作iframe框架的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-02-02
  • js的for in循環(huán)和java里foreach循環(huán)的區(qū)別分析

    js的for in循環(huán)和java里foreach循環(huán)的區(qū)別分析

    這篇文章主要介紹了js的for in循環(huán)和java里foreach循環(huán)的區(qū)別,實例分析了js的for in循環(huán)使用技巧并說明了與Java中foreach循環(huán)的使用區(qū)別,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-01-01
  • JavaScript實現生成隨機密碼的示例詳解

    JavaScript實現生成隨機密碼的示例詳解

    使用JavaScript我們可以輕松地在客戶端生成隨機密碼,本文我們將實現一個簡單的隨機密碼生成器,能夠生成指定長度和包含特定字符集的密碼,有需要的可以參考下
    2024-01-01
  • ES6 Set結構的應用實例分析

    ES6 Set結構的應用實例分析

    這篇文章主要介紹了ES6 Set結構的應用,結合實例形式分析了ES6 set結構的功能、特點、常見用法及相關操作注意事項,需要的朋友可以參考下
    2019-06-06
  • js刷新框架子頁面的七種方法代碼

    js刷新框架子頁面的七種方法代碼

    js刷新框架子頁面的七種方法
    2008-11-11
  • JavaScript每天必學之基礎知識

    JavaScript每天必學之基礎知識

    JavaScript每天必學之基礎知識,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • JS/jQuery實現簡單的開關燈效果【案例】

    JS/jQuery實現簡單的開關燈效果【案例】

    這篇文章主要介紹了JS/jQuery實現簡單的開關燈效果,結合具體實例形式分析了javascript/jQuery事件響應及頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下
    2019-02-02
  • js倒計時搶購實例

    js倒計時搶購實例

    這篇文章主要介紹了js倒計時簡單實現方法,方便一些提示重要日期的來臨,本實例特別適合用于商品倒計時搶購活動,感興趣的小伙伴們可以參考一下
    2015-12-12

最新評論