使用Jquery Keydown函数删除字符

时间:2013-12-01 19:01:25

标签: javascript jquery

使用keydown函数,如何删除输入到表单中的起始字符。

例如,我有一个表单<input>来收集网站地址。网站地址已输入http://。当用户键入他们的域时,我使用Keydown函数将他们输入的内容输入<P>。但我希望从http://

中移除<p>

这就是我使用keydown函数的方式

    //<![CDATA[ 
       $(function(){
       $('#Website').keydown( function(){
         var str = $(this).val();
       $("#viewer").text(str);
       });
   });//]]>  

3 个答案:

答案 0 :(得分:0)

你的字符串替换为将http://替换为''空白,然后再将其放入

//<![CDATA[ 
       $(function(){
       $('#Website').keydown( function(){
       var str = $(this).val();
       str = str.replace("http://",""); 
       $("#viewer").text(str);
       });
   });//]]>  

答案 1 :(得分:0)

我会做这样的事情

http://jsfiddle.net/vGXvU/

 $('#Website').keyup(function () {
     var str = $(this).val();
     if (str.indexOf("http://")==0) {
      str=str.substr(7);   
     }
     $("#viewer").text(str);
})

答案 2 :(得分:0)

你需要听keyup事件。记住捕获paste事件也很重要:

$(function () {
    $('#Website').on('keyup paste', function() {
        var self = this;
        setTimeout(function() {
            var str = $(self).val();
            $("#viewer").text(str.replace(/^http\:\/\//, ''));
        }, 0)
    })
});

(需要setTimeout,因为有时粘贴不会立即触发,所以很少有延迟修复它)

http://jsfiddle.net/fL6vt/

相关问题