屏幕选词
看API，看到select()方法时，突然想起，如何获取选中的文字呢？于是研究一早上，弄了个屏幕选词，当然是用mouseup实现的，因为select()方法限定只能用在input<input type="text"> 和<textarea>。
IE9：document.selection;
FF：window.getSelection()；
$("#result").text("" + r);对象上加个空字符串是可以转成字符串。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> p { color:blue; } div { color:red; } </style> </head> <body> <p id="oo"> 2011年到了，在前几天的“2010岁末小记”中给自己定下了一个计划，其中有一条就是“每周至少写一篇技术博客。用博客的方式来督促自己学习和进步， 记下学习的新知识和积累的知识点，构建自己的知识库。”。园子里高手很多，MVP就有好几位，看他们的文章真有“看君一博文，胜读四年书”之感。曾经对委 托、事件云里雾里的我看了张子阳的“C#中的委托和事件”后终于明白了很多，园子里像这样的好文章还有很多，作为菜鸟我真的获益匪浅。 虽然自己现在水平很差，但高手都是从菜鸟成长起来的，因此我坚信只要努力学习，每天都有收获和进步，逐渐提高自己的编程水平，总有一天也能厚积薄发，写出 一些比较好的博文与大家分享，帮助新手进步。作为新年第一篇博文，我打算写一个博客备份系统系列文章与园友们分享，晒晒自己的代码，非常欢迎大家提出意见 和建议。 30 </p> <div id="result">hhh</div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script> $(function () { $("#oo").select( function () { var r; if (document.selection) { r = document.selection.createRange().text; } else if (window.getSelection()) { r = window.getSelection(); } $("#result").text("" + r); }); }) </script> </body> </html> |
