總結：文字選中IE和其他瀏覽器不一樣
在IE中文字選中后鼠標抬起，圖片顯現觸發有點快所以用定時器。
<!DOCTYPE html><html><head><meta charset=utf-8 /><title></title><script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script><style type="text/css">*{padding: 0;margin: 0;}#p1{width: 300px;}#div1{display: none;position: absolute;}img{width:26px;height:26px;}</style></head><body><p id="p1"> 文字的選中功能是不太常用的功能，多出現在文本編輯器中，或是文本域之類的光標處理上。所以呢，使用的一些屬性也并不是常見的。在IE瀏覽器下使用的是createTextRange而Firefox/chrome等現代瀏覽器下使用的是setSelectionRange。</p><div id='div1'><img src='http://cdn.attach.qdfuns.com/notes/pics/201701/23/221744ud9ggjjjgg85e90m.gif.editor.gif'></div><script type="text/javascript">function selectText(){ if(document.selection){ //IE return document.selection.createRange().text }else{ //ff chrom return window.getSelection().toString() }}var oP=document.getElementById('p1')var oDiv=document.getElementById('div1')oP.onmouseup=function(ev){ var ev=ev||event var left=ev.clientX var top=ev.clientY if(selectText().length>10){ setTimeout(function(){ oDiv.style.display='block'; oDiv.style.left=left+'px' oDiv.style.top=top+'px' },100) }else{ oDiv.style.display='none'; }}//點擊oP阻止冒泡到document上oP.onclick=function(ev){ var ev=ev||window.event ev.cancelBubble=true}document.onclick=function(){ oDiv.style.display='none';}</script></body></html>以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持VeVb武林網！
新聞熱點
疑難解答
