真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

js怎么實現(xiàn)文字選中分享功能

小編給大家分享一下js怎么實現(xiàn)文字選中分享功能,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站制作、做網(wǎng)站與策劃設(shè)計,清遠網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:清遠等地區(qū)。清遠做網(wǎng)站價格咨詢:18982081108

總結(jié):文字選中IE和其他瀏覽器不一樣

在IE中文字選中后鼠標(biāo)抬起,圖片顯現(xiàn)觸發(fā)有點快所以用定時器。








*{padding: 0;margin: 0;}
#p1{width: 300px;}
#div1{display: none;position: absolute;}
img{width:26px;height:26px;}




 文字的選中功能是不太常用的功能,多出現(xiàn)在文本編輯器中,或是文本域之類的光標(biāo)處理上。所以呢,使用的一些屬性也并不是常見的。在IE瀏覽器下使用的是createTextRange而Firefox/chrome等現(xiàn)代瀏覽器下使用的是setSelectionRange。

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'; }

以上是“js怎么實現(xiàn)文字選中分享功能”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!


本文標(biāo)題:js怎么實現(xiàn)文字選中分享功能
本文URL:http://weahome.cn/article/pssdoo.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部