本文实例讲述了javascript实现鼠标获取选中的文字。分享给大家供大家参考,具体如下:
<强> HTML部分:
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; meta name=" viewport "内容=翱矶?设备宽度”比;
& lt; title> JS Bin
& lt;/head>
& lt; body>
& lt; p>你好啊,那谁家的小谁。听说你在找一个人。我知道她在哪里。你们;/p>
& lt;脚本src=" https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js "祝辞& lt;/script>
& lt;/body>
& lt;/html>
之前
<强> 1,获取选中的文字:
<代码> document.selection.createRange ()。text; IE9以下使用
<代码> window.getSelection () .toString(); 其他浏览器使用
$ (“p”) .mouseup(函数(){
var txt=window.getSelection& # 63; window.getSelection (): document.selection.createRange。text ();
警报(txt);
}）
之前
完整演示示例:
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; meta name=" viewport "内容=翱矶?设备宽度”比;
& lt; title> JS Bin
& lt;/head>
& lt; body>
& lt; p>你好啊,那谁家的小谁。听说你在找一个人。我知道她在哪里。你们;/p>
& lt;脚本src=" https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js "祝辞& lt;/script>
& lt; script>
$ (“p”) .mouseup(函数(){
var txt=window.getSelection& # 63; window.getSelection (): document.selection.createRange。text ();
警报(txt);
}）
& lt;/script>
& lt;/body>
& lt;/html>
之前
运行效果:
$ (“p”) .mouseup(函数(){
窗口。getSelection & # 63;.removeAllRanges window.getSelection () (): document.selection.empty ();
})
感兴趣的朋友可以使用:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》,《jQuery常用插件及用法总结》,《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》,《jQuery常见经典特效汇总》及《jQuery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
