`
chengzhi_hong
  • 浏览: 164300 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

通过JS获得input输入框中用鼠标选中的内容

SafariFirefoxOperaIEJavaScript 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="ZhangYi">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <style type="text/css">
   
  </style> 
 </HEAD>

 <BODY>
    <input type="text" onfocus="this.select()" id="txt"/>
   
    <input type="button" value="获取文本框内的值" id="btn"/>
    <script type="text/javascript">
        //Firefox, Safari, Opera下，可以用window.getSelection(), 参考MDC
        //IE下，可以用document.selection.createRange().text, 参考MSDN放在一起：
        //注意：当选中的是input[type=text]里面的值时getSelection在Firefox和Opera下无法获取到选取值
        //，在Safari下没问题。

        function getSelectionText() {
            if(window.getSelection) {
            return window.getSelection().toString();
            } else if(document.selection && document.selection.createRange) {
            return document.selection.createRange().text;
            }
        return '';
        }
       
        document.getElementById("btn").onclick = function() {
            alert(getSelectionText())
        }
    </script>
 </BODY>
</HTML>

分享到：
| 如何在Eclipse上安装VE1.4
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics