使用Jquery Keydown函数删除字符

Removing Characters With the Jquery Keydown Function

本文关键字：删除 字符 函数 Keydown Jquery 使用      更新时间：2024-02-01

使用keydown函数，如何删除表单中输入的开头字符。

例如，我有一个收集网站地址的表单<input>。网站地址输入了http://。当用户键入他们的域时，我使用Keydown函数将他们键入的内容输入到<P>中。但我想从<p> 中删除http://

这就是我如何使用按键功能

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

您需要监听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/

在将字符串放入

之前，将其替换为"空白

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

我会做一些类似的事情

http://jsfiddle.net/vGXvU/

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