Question

为避免在文本区域中键入多个空格，我在onCLick上调用一个函数，在keyup上编写下面的代码

var val = document.getelemntByID('trmp');
val.value = val .value.replace(/ +(?= )/g,'');

这在Firefox中工作得很好，在IE7中它正在工作，但是引起一些其他问题，比如选择一个单词并删除它会删除整个文本区域内容

Answer 1

我建议不要一直重写textarea的值，因为它可能是错误的。如果前一个char是空格，则禁用输入空格：

$(function(){
    var $tA=$('#temp');
    $tA.keydown(function(e){
        var cursorPos = getCursorPosition($tA.get(0));
        if(e.which === 32 && cursorPos > 0 && $tA.val()[cursorPos-1] === ' '){
           return false;            
        }
    });
});

getCursorPosition = function(el) {
        var pos = 0;
        // IE Support
        if (document.selection) {
            el.focus();
            var Sel = document.selection.createRange();
            var SelLength = document.selection.createRange().text.length;
            Sel.moveStart('character', -el.value.length);
            pos = Sel.text.length - SelLength;
        }
        // Firefox support
        else if (el.selectionStart || el.selectionStart == '0')
            pos = el.selectionStart;

        return pos;
    }

http://jsfiddle.net/y6unN/2/

Answer 2

仅对空格使用正则表达式。添加键码条件。

检查这个小提琴http://jsfiddle.net/hikki/FNJmE/

禁用文本区域javascript中的多个空格

2 个答案: