我想在基于浏览器的应用程序中做的事情之一是允许用户选择一些文本(不是在,只是简单的文本!),并让我的应用程序弹出一个小工具栏,然后可以与下一个交互(在我的情况下,添加注释).</p> <p>我在google上发现了很多东西,似乎专注于编写WYSIWYG编辑器,<strong>但这不是我想要的</strong>,而且大多数都在IE中工作但在FF2或3中没有.理想情况下,我想要一些可以在<strong>IE7</strong>中运行的浏览器窗口中返回当前所选文本的功能<strong>(如果可能</strong>,则返回<strong>6),FireFox 2和3以及Safari 2</strong>.如果它在Opera中有效,那将是一个奖励,但这不是必需的.</p> <p>任何人都有这样做的功能？或者从哪里开始的想法？</p><br><br><b>1> Greg Borenst..：</b><hr><p>这个jQuery插件很酷但它完成了一项非常具体的任务:用标签包装你突出显示的文本.这可能就是你想要的.但是,如果您不想(或者您处于不可能的情况)向页面添加任何无关的标记,您可以尝试使用以下解决方案:</p> <pre class="brush:bash;">function getSelectedText() { var txt = ''; if (window.getSelection) { txt = window.getSelection(); } else if (document.getSelection) { txt = document.getSelection(); } else if (document.selection) { txt = document.selection.createRange().text; } else return; return txt; } </pre> <p>此函数返回表示文本选择的对象.它可以跨浏览器工作(虽然我怀疑它返回的对象会略有不同,具体取决于浏览器,只能依赖于结果的实际文本而不是任何其他属性).</p> <p>注意:我最初在这里发现了代码片段:http://www.codetoad.com/javascript_get_selected_text.asp</p></p> <br><br><b>2> palehorse..：</b><hr><p>看看jQuery和wrapSelection插件.这可能就是你要找的东西.</p></p> </div> <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;"> </div> <div class="article_recommend"> <div class="list_top">推荐阅读</div> <div class="ListItems"> <ul class="NewsList"> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/-_BiXu_-_ZuoShiM_b25568d8.html" target="_blank" title="[必需]做什么？">[必需]做什么？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《[必需]做什么？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/-_BiXu_-_ZuoShiM_b25568d8.html" target="_blank" title="[必需]做什么？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeBianXieYiGeJ_65aa8d56.html" target="_blank" title="如何编写一个接受任何扩展Throwable类的集合的方法？">如何编写一个接受任何扩展Throwable类的集合的方法？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何编写一个接受任何扩展Throwable类的集合的方法？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeBianXieYiGeJ_65aa8d56.html" target="_blank" title="如何编写一个接受任何扩展Throwable类的集合的方法？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/GeiDingYiGeWeiPa_96340f8f.html" target="_blank" title="给定一个未排序的python列表,我如何找到排序所需的最小移动集">给定一个未排序的python列表,我如何找到排序所需的最小移动集</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《给定一个未排序的python列表,我如何找到排序所需的最小移动集》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/GeiDingYiGeWeiPa_96340f8f.html" target="_blank" title="给定一个未排序的python列表,我如何找到排序所需的最小移动集">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiYong_shell_Ji_e3f6954b.html" target="_blank" title="使用shell脚本删除派生数据">使用shell脚本删除派生数据</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《使用shell脚本删除派生数据》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ShiYong_shell_Ji_e3f6954b.html" target="_blank" title="使用shell脚本删除派生数据">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/JiangCanShuChuan_1dc58192.html" target="_blank" title="将参数传递给Synchronize过程调用">将参数传递给Synchronize过程调用</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《将参数传递给Synchronize过程调用》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/JiangCanShuChuan_1dc58192.html" target="_blank" title="将参数传递给Synchronize过程调用">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Android_LianXiRe_9fa14b41.html" target="_blank" title="Android联系人照片:如何从网上取回(Google)联系人图片(以及'取消'以前的本地图片更改)">Android联系人照片:如何从网上取回(Google)联系人图片(以及'取消'以前的本地图片更改)</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Android联系人照片:如何从网上取回(Google)联系人图片(以及'取消'以前的本地图片更改)》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/Android_LianXiRe_9fa14b41.html" target="_blank" title="Android联系人照片:如何从网上取回(Google)联系人图片(以及'取消'以前的本地图片更改)">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeCongJuYouXia_7bfae8c1.html" target="_blank" title="如何从具有相同服务UUID的两个设备中找到特定的BLE 4.0外设">如何从具有相同服务UUID的两个设备中找到特定的BLE 4.0外设</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何从具有相同服务UUID的两个设备中找到特定的BLE4.0外设》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeCongJuYouXia_7bfae8c1.html" target="_blank" title="如何从具有相同服务UUID的两个设备中找到特定的BLE 4.0外设">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WoMenKeYiZaiYuQu_25a18f9b.html" target="_blank" title="我们可以在域驱动设计中使用ASP.NET标识吗？">我们可以在域驱动设计中使用ASP.NET标识吗？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《我们可以在域驱动设计中使用ASP.NET标识吗？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WoMenKeYiZaiYuQu_25a18f9b.html" target="_blank" title="我们可以在域驱动设计中使用ASP.NET标识吗？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/MeiYouKongZhiQiH_0ad4e86a.html" target="_blank" title="没有控制器后缀的控制器">没有控制器后缀的控制器</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《没有控制器后缀的控制器》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/MeiYouKongZhiQiH_0ad4e86a.html" target="_blank" title="没有控制器后缀的控制器">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_cordova3-4-0_a9f411fb.html" target="_blank" title="在cordova 3.4.0应用程序中添加外部Jar文件">在cordova 3.4.0应用程序中添加外部Jar文件</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在cordova3.4.0应用程序中添加外部Jar文件》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/Zai_cordova3-4-0_a9f411fb.html" target="_blank" title="在cordova 3.4.0应用程序中添加外部Jar文件">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeShiYong_full_245f50a5.html" target="_blank" title="如何使用fullcalendar为resourceDay视图中的所有资源列设置相同的日期">如何使用fullcalendar为resourceDay视图中的所有资源列设置相同的日期</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何使用fullcalendar为resourceDay视图中的所有资源列设置相同的日期》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/RuHeShiYong_full_245f50a5.html" target="_blank" title="如何使用fullcalendar为resourceDay视图中的所有资源列设置相同的日期">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_SQLServer_Zh_96ab33ca.html" target="_blank" title="在SQL Server中加入2个表">在SQL Server中加入2个表</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在SQLServer中加入2个表》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/Zai_SQLServer_Zh_96ab33ca.html" target="_blank" title="在SQL Server中加入2个表">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/XuYaoChengQing_-_fb78cf7f.html" target="_blank" title="需要澄清 - Python For循环使用列表">需要澄清 - Python For循环使用列表</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《需要澄清-PythonFor循环使用列表》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/XuYaoChengQing_-_fb78cf7f.html" target="_blank" title="需要澄清 - Python For循环使用列表">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/NUnit_ZhongZuiCh_1535ca79.html" target="_blank" title="NUnit中最常用的方法是在集合上断言相等的长度">NUnit中最常用的方法是在集合上断言相等的长度</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《NUnit中最常用的方法是在集合上断言相等的长度》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/NUnit_ZhongZuiCh_1535ca79.html" target="_blank" title="NUnit中最常用的方法是在集合上断言相等的长度">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeZaiMeiGeYuan_2c855ebd.html" target="_blank" title="如何在每个元素中使用自定义字符串设置std :: vector <std :: string>">如何在每个元素中使用自定义字符串设置std :: vector <std :: string></a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何在每个元素中使用自定义字符串设置std::vector<std::string>》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeZaiMeiGeYuan_2c855ebd.html" target="_blank" title="如何在每个元素中使用自定义字符串设置std :: vector <std :: string>">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WuFaZai_eclipse__be7dcf0b.html" target="_blank" title="无法在eclipse中访问SwipeRefreshLayout">无法在eclipse中访问SwipeRefreshLayout</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《无法在eclipse中访问SwipeRefreshLayout》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WuFaZai_eclipse__be7dcf0b.html" target="_blank" title="无法在eclipse中访问SwipeRefreshLayout">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WindowsPhone_MoN_bab4853f.html" target="_blank" title="Windows Phone模拟器错误,Hyper-V组件未运行,Windows Azure中托管的Windows 8.1">Windows Phone模拟器错误,Hyper-V组件未运行,Windows Azure中托管的Windows 8.1</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《WindowsPhone模拟器错误,Hyper-V组件未运行,WindowsAzure中托管的Windows8.1》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WindowsPhone_MoN_bab4853f.html" target="_blank" title="Windows Phone模拟器错误,Hyper-V组件未运行,Windows Azure中托管的Windows 8.1">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/OpenGL_WenLiMeiY_92fc3ad8.html" target="_blank" title="OpenGL纹理没有显示">OpenGL纹理没有显示</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《OpenGL纹理没有显示》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/OpenGL_WenLiMeiY_92fc3ad8.html" target="_blank" title="OpenGL纹理没有显示">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/pandasgroupby_He_f21a7882.html" target="_blank" title="pandas groupby和join list">pandas groupby和join list</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《pandasgroupby和joinlist》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/pandasgroupby_He_f21a7882.html" target="_blank" title="pandas groupby和join list">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Android-Adb_JuJu_e141efa5.html" target="_blank" title="Android:Adb拒绝与客户端的连接">Android:Adb拒绝与客户端的连接</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Android:Adb拒绝与客户端的连接》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/Android-Adb_JuJu_e141efa5.html" target="_blank" title="Android:Adb拒绝与客户端的连接">[详细]</a> </div> <div style="clear:both"></div> </li> </ul> </div> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">吐了个 "CAO" !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了
京公网安备 11010802040832号 | 京ICP备19059560号-6