判断文本框里鼠标所在位置前面是否是空格 高分求救

在本文框里，点击下鼠标后，判断鼠标所在的位置的前面是否是空格
请问这个javascript怎么写呢？
给个思路提示，有代码更好了。感谢各位了，帮帮小弟吧！！

解决方案 »

  1.   

    http://topic.csdn.net/t/20030617/09/1923792.html看看有没有用
      

  2.   

    <script   language="javascript">   
      function   getPos(o){
      var obj=document.getElementById(o);   
      obj.focus();   
      var s=document.selection.createRange();   
      s.setEndPoint("StartToStart",obj.createTextRange());
      var str=obj.value.substring(0,s.text.length);
      var reg=new RegExp(" ");
      if(reg.test(str))
      {
       alert("有空格");
      }
      else
      {
       alert("没空格");
      }   
      //alert('left:'+(s.text.length)+'\nright:'+(obj.value.length-s.text.length));   
      }   
      </script>   
      <input   type="text"   name="text1"   value="            " onclick="getPos('text1')" />  
      

  3.   

    谢谢4楼大哥
    基本可以，但是firefox不可以，能帮忙修改下吗？？
    谢谢啊！万分感谢。
      

  4.   

    网上找的代码，修改了一下
    测试环境 ie6 firefox3.0.10<html>  
    <head>  
    <title>TEST</title>  
    <style>  
    body,td{   
        font-family: verdana, arial, helvetica, sans-serif;   
        font-size: 12px;   
    }   
    </style>  
    <script type="text/javascript">  
        var start=0;   
        var end=0;   
        function add(){          
            var textBox = document.getElementById("ta");   
            var pre = textBox.value.substr(0, start);   
            var post = textBox.value.substr(end);   
            textBox.value = pre + document.getElementById("inputtext").value + post;   
        }   
        function savePos(textBox){   
            //如果是Firefox(1.5)的话，方法很简单   
            if(typeof(textBox.selectionStart) == "number"){   
                start = textBox.selectionStart;   
                end = textBox.selectionEnd;   
            }   
            //下面是IE(6.0)的方法，麻烦得很，还要计算上'\n'   
            else if(document.selection){   
                var range = document.selection.createRange();   
                if(range.parentElement().id == textBox.id){   
                    // create a selection of the whole textarea   
                    var range_all = document.body.createTextRange();   
                    range_all.moveToElementText(textBox);   
                    //两个range，一个是已经选择的text(range)，一个是整个textarea(range_all)   
                    //range_all.compareEndPoints()比较两个端点，如果range_all比range更往左(further to the left)，则                //返回小于0的值，则range_all往右移一点，直到两个range的start相同。   
                    // calculate selection start point by moving beginning of range_all to beginning of range   
                    for (start=0; range_all.compareEndPoints("StartToStart", range) < 0; start++)   
                        range_all.moveStart('character', 1);   
                    // get number of line breaks from textarea start to selection start and add them to start   
                    // 计算一下\n   
                    for (var i = 0; i <= start; i ++){   
                        if (textBox.value.charAt(i) == '\n')   
                            start++;   
                    }   
                    // create a selection of the whole textarea   
                     var range_all = document.body.createTextRange();   
                     range_all.moveToElementText(textBox);   
                     // calculate selection end point by moving beginning of range_all to end of range   
                     for (end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; end ++)   
                         range_all.moveStart('character', 1);   
                         // get number of line breaks from textarea start to selection end and add them to end   
                         for (var i = 0; i <= end; i ++){   
                             if (textBox.value.charAt(i) == '\n')   
                                 end ++;   
                         }   
                    }   
                }   
            document.getElementById("start").value = start;   
            document.getElementById("end").value = end;
    var content = document.getElementById("ta").value;
    document.getElementById("spanmsg").innerHTML = ((start > 0 && content.charAt(start - 1) == " ") ? "是" : "（" + content.charAt(start - 1) + "）不是");
        }   
    </script>  
    </head>  
    <body>  
    <form action="a.cgi">  
    <table border="1" cellspacing="0" cellpadding="0">  
        <tr>  
            <td>start: <input type="text" id="start" size="3"/></td>  
            <td>end: <input type="text" id="end" size="3"/></td>  
        </tr>  
        <tr>  
            <td colspan="2">  
                <textarea id="ta" onKeydown="savePos(this)"  
                                  onKeyup="savePos(this)"  
                                  onmousedown="savePos(this)"  
                                  onmouseup="savePos(this)"  
                                  onfocus="savePos(this)"  
                                  rows="14" cols="50"></textarea>  
            </td>  
        </tr>  
        <tr>  
            <td><input type="text" id="inputtext" /></td>  
            <td><input type="button" onClick="add()" value="Add Text"/></td>  
        </tr>  
    </table>
    光标前的字符<span id="spanmsg">不是</span>空格
    </form>  
    </body>  
    </html>
      

  5.   

    看了6楼的小改了下，ff可以了<script   language="javascript">   
    function   getPos(obj){
    var startnum;
    //ff3.0测试
    if(typeof(obj.selectionStart) == "number") 
    {
    startnum=obj.selectionStart;
    }
    //ie 8测试
    else if(document.selection)
    {
    obj.focus();
    var s=document.selection.createRange();   
    s.setEndPoint("StartToStart",obj.createTextRange());
    startnum=s.text.length
    } 
    var str=obj.value.substring(0,startnum);
    var reg=new RegExp(" ");
    if(reg.test(str))
    {
    alert("有空格");
    }
    else
    {
    alert("没空格");
    }   
    }   
    </script>   
    <input   type="text"   name="text1"   value="            " onclick="getPos(this)" /> 
      

  6.   

    <html>  
    <head>  
    <title>TEST</title>  
    <style>  
    body,td{   
        font-family: verdana, arial, helvetica, sans-serif;   
        font-size: 12px;   
    }   
    </style>  
    <script type="text/javascript">  
        var start=0;   
        var end=0;   
        function add(){          
            var textBox = document.getElementById("ta");   
            var pre = textBox.value.substr(0, start);   
            var post = textBox.value.substr(end);   
            textBox.value = pre + document.getElementById("inputtext").value + post;   
        }   
        function savePos(textBox){   
            //如果是Firefox(1.5)的话，方法很简单   
            if(typeof(textBox.selectionStart) == "number"){   
                start = textBox.selectionStart;   
                end = textBox.selectionEnd;   
            }   
            //下面是IE(6.0)的方法，麻烦得很，还要计算上'\n'   
            else if(document.selection){   
                var range = document.selection.createRange();   
                if(range.parentElement().id == textBox.id){   
                    // create a selection of the whole textarea   
                    var range_all = document.body.createTextRange();   
                    range_all.moveToElementText(textBox);   
                    //两个range，一个是已经选择的text(range)，一个是整个textarea(range_all)   
                    //range_all.compareEndPoints()比较两个端点，如果range_all比range更往左(further to the left)，则                //返回小于0的值，则range_all往右移一点，直到两个range的start相同。   
                    // calculate selection start point by moving beginning of range_all to beginning of range   
                    for (start=0; range_all.compareEndPoints("StartToStart", range) < 0; start++)   
                        range_all.moveStart('character', 1);   
                    // get number of line breaks from textarea start to selection start and add them to start   
                    // 计算一下\n   
                    for (var i = 0; i <= start; i ++){   
                        if (textBox.value.charAt(i) == '\n')   
                            start++;   
                    }   
                    // create a selection of the whole textarea   
                     var range_all = document.body.createTextRange();   
                     range_all.moveToElementText(textBox);   
                     // calculate selection end point by moving beginning of range_all to end of range   
                     for (end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; end ++)   
                         range_all.moveStart('character', 1);   
                         // get number of line breaks from textarea start to selection end and add them to end   
                         for (var i = 0; i <= end; i ++){   
                             if (textBox.value.charAt(i) == '\n')   
                                 end ++;   
                         }   
                    }   
                }   
            document.getElementById("start").value = start;   
            document.getElementById("end").value = end;
        var content = document.getElementById("ta").value;
        document.getElementById("spanmsg").innerHTML = ((start > 0 && content.charAt(start - 1) == " ") ? "是" : "（" + content.charAt(start - 1) + "）不是");
        }   
    </script>  
    </head>  
    <body>  
    <form action="a.cgi">  
    <table border="1" cellspacing="0" cellpadding="0">  
        <tr>  
            <td>start: <input type="text" id="start" size="3"/></td>  
            <td>end: <input type="text" id="end" size="3"/></td>  
        </tr>  
        <tr>  
            <td colspan="2">  
                <textarea id="ta" onKeydown="savePos(this)"  
                                  onKeyup="savePos(this)"  
                                  onmousedown="savePos(this)"  
                                  onmouseup="savePos(this)"  
                                  onfocus="savePos(this)"  
                                  rows="14" cols="50"></textarea>  
            </td>  
        </tr>  
        <tr>  
            <td><input type="text" id="inputtext" /></td>  
            <td><input type="button" onClick="add()" value="Add Text"/></td>  
        </tr>  
    </table>
    光标前的字符<span id="spanmsg">不是</span>空格
    </form>  
    </body>  
    </html>