第56天：选中文字弹出提示框-白红宇

一、选中文字弹出提示框

选择文字：这个弹出的层选中的时候不出来，弹起鼠标的时候才出现。

所以这个的事件一定是 onmouseup ，盒子显示而且盒子的位置在鼠标的 clientX 和 clientY 一模一样

用来判断选择的文字

二、获得用户选择内容

window.getSelection() 标准浏览器

document.selection.createRange().text; ie 获得选择的文字

兼容性的写法：

if(window.getSelection)

{

txt = window.getSelection().toString(); // 转换为字符串

}

else

{

txt = document.selection.createRange().text; // ie 的写法

}

案例代码：

1  2  3  4     
      5     选中文字弹出提示 6     25 26 27 
     
28 
     
      29     我要复制的文字我要复制的文字我要复制的文字我要复制的文字我要复制的文字30     我要复制的文字我要复制的文字我要复制的文字我要复制的文字我要复制的文字31     我要复制的文字我要复制的文字我要复制的文字我要复制的文字我要复制的文字32 
     
33 
     
      34     我不要的文字我不要的文字我不要的文字我不要的文字我不要的文字我不要的文字35     我不要的文字我不要的文字我不要的文字我不要的文字我不要的文字我不要的文字36     我不要的文字我不要的文字我不要的文字我不要的文字我不要的文字我不要的文字37 
     
38 39 40  运行效果：