chrome瀏覽器不支持onmouseleave事件的解決技巧
更新時間:2013年05月31日 16:45:21 作者:
發(fā)現(xiàn)給div加的 onmouseleave事件在chrome 中不起效果,下面與大家分享下具體的解決方法,不會的朋友可以了解下哈,希望對大家有所幫助
之前一直沒測試chrome ,今天事情不太多,就測試了一下,發(fā)現(xiàn)給div加的 onmouseleave事件在chrome 中不起效果;
后來發(fā)現(xiàn)解決辦法用jquery的方式實現(xiàn)
例如
<div id=‘a(chǎn)aa' class='divfloat' " onmouseleave='$(this).slideUp();' style='background-color: White; width:553px; position: absolute;left:" + (event.offset().left - 420) + "px;top:" + (event.offset().top + 25) + "px;'>aaaaaa</div>");
把 onmouseleave='$(this).slideUp();'寫到div里chrome用不了,修改在ready的時候 $("#aaa“).mouseleave(function click() { $(this).slideUp(); });,就ok了。
問題解決,分享~
后來發(fā)現(xiàn)解決辦法用jquery的方式實現(xiàn)
例如
復(fù)制代碼 代碼如下:
<div id=‘a(chǎn)aa' class='divfloat' " onmouseleave='$(this).slideUp();' style='background-color: White; width:553px; position: absolute;left:" + (event.offset().left - 420) + "px;top:" + (event.offset().top + 25) + "px;'>aaaaaa</div>");
把 onmouseleave='$(this).slideUp();'寫到div里chrome用不了,修改在ready的時候 $("#aaa“).mouseleave(function click() { $(this).slideUp(); });,就ok了。
問題解決,分享~
相關(guān)文章
用JavaScript實現(xiàn)一個代碼簡潔、邏輯不復(fù)雜的多級樹
這篇文章主要介紹了用JavaScript實現(xiàn)一個代碼簡潔、邏輯不復(fù)雜的多級樹,需要的朋友可以參考下2014-05-05AngularJs中Bootstrap3 datetimepicker使用實例
這篇文章主要為大家詳細介紹了AngularJs中Bootstrap3 datetimepicker使用實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12