元素title屬性在不同瀏覽器下的行為表現

2021-06-06 15:10:57 字數 491 閱讀 1077

元素的title屬性常用於提示。但是不同瀏覽器下title的表現行為是不一樣的。

各大瀏覽器基本上無大差異,滑鼠移到元素上後即顯示。

(下面操作行為假設滑鼠一直在帶title屬性的目標元素內部進行)

ff,出現title時如果不移動滑鼠title提示不會消失,移動滑鼠後title消失。消失後再次移動滑鼠提示不會再次出現

ie、safari和chrome,出現title提示大約5秒後自動消失。ie和safari中,提示消失後再次移動滑鼠提示不會再次出現,chrome則會再次出現。

各大瀏覽器中,如果子元素title不為空,則子元素的title屬性覆蓋父元素的title。如果子元素title為空,除ie外其他瀏覽器自動顯示父元素title,ie不會顯示父元素的title。

總體來說,表現最好的為chrome,最差者為ie。

例如

要想ie出現提示,則要在「#2921」上加title屬性

瀏覽器行為研究 元素的title屬性

元素的title屬性常用於提示。但是不同瀏覽器下title的表現行為是不一樣的。各大瀏覽器基本上無大差異,滑鼠移到元素上後即顯示。下面操作行為假設滑鼠一直在帶title屬性的目標元素內部進行 ff,出現title時如果不移動滑鼠title提示不會消失,移動滑鼠後title消失。消失後再次移動滑鼠提示...

title在edge瀏覽器中存在相容

title 1.title在edge瀏覽器中存在相容,劃過內容顯示5秒左右自動消失,在其他瀏覽器中都不存在這樣的問題。2.由於我的專案中很多地方用到title,因此寫了乙個方法替換title並採用css模擬title功能。function gethastitles parentnode else a...

4 獲取瀏覽器 元素屬性

1.event event.clientx y 可視區橫 縱座標 event.pagex y 相對於容器的水平 垂直座標 ie8 不相容 擴充套件 event.pagey scrolltop clienty 2.可視區寬 高 document.documentelement.clientwidth ...