怎么用js实现选中文字自动弹出一个工具条？像百度文库那样。

Posted 2023-03-29

就像百度文库的这个效果，也不一定是工具条啊，就类似这类功能就行。选中text控件里面的文字，自动弹出一个可以点击的按钮或者超链接或者弹窗什么的。高分悬赏，大家帮帮忙。
应该怎么去定义事件，我用的是jQuery-easyui，当然用其他的框架实现或者纯js实现也行，希望大家帮帮忙，感激不尽~

也是找的，试了可用
<script type="text/javascript">
document.onmouseup = document.ondbclick= function()
 var txt;
 if(document.selection)
  txt = document.selection.createRange().text
 else
  txt = window.getSelection()+'';
 
 if(txt)alert(txt)

</script>

另还可以参考http://www.zhangxinxu.com/wordpress/?p=1428

追问

太感谢了，是可以的。谢谢

参考技术A 通过触发选中事件呗，这个事件你可以搜下，需要做个兼容
然后监听鼠标抬起事件，当触发这个事件的时候在鼠标当前位置显示个弹出层