跨浏览器文本选择

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了跨浏览器文本选择相关的知识，希望对你有一定的参考价值。

  1. <script language=javascript>
  2. function getSelText()
  3. {
  4.     var txt = '';
  5.      if (window.getSelection)
  6.     {
  7.         txt = window.getSelection();
  8.              }
  9.     else if (document.getSelection)
  10.     {
  11.         txt = document.getSelection();
  12.             }
  13.     else if (document.selection)
  14.     {
  15.         txt = document.selection.createRange().text;
  16.             }
  17.     else return;
  18. document.aform.selectedtext.value =  txt;
  19. }
  20. </script>
  21. <input type="button" value="Get selection" onmousedown="getSelText()"> 
  22. <form name=aform >
  23. <textarea name="selectedtext" rows="5" cols="20"></textarea>
  24. </form>

以上是关于跨浏览器文本选择的主要内容，如果未能解决你的问题，请参考以下文章

CSS 跨浏览器文本阴影（包括IE）

跨浏览器文本到语音 Javascript 库

跨浏览器文本阴影（包括）

contenteditable，在文本末尾设置插入符号（跨浏览器）

可靠的跨浏览器设置状态栏文本的方式

跨浏览器 rgba 透明背景，同时保持内容（文本和图像）不透明