在鍵盤上用' - '替換空格

Question

你好，我有兩個輸入，當即時寫入第一個輸入時，與自動填寫第二個輸入字段中的密碼jQuery功能。

但是當我點擊空格鍵時，我想將行而不是空格寫入第二個輸入字段。

例如：

首先輸入：你好世界，

第二個輸入：你好世界

我有以下代碼：

$(".firstInput").keyup(function(e) { 

    val = $(this).val(); 

    if(e.keyCode == 32) { 
     val += "-"; 
    } 

    $(".secondInput").val(val); 
}); 

Answer 1

可能只需使用replace即可完成，如：

$(".secondInput").val($(this).val().replace(/ /g, "-")); 

注：我建議使用input，而不是keyup，因爲當你跟蹤用戶輸入的效率更高。

希望這會有所幫助。

$(".firstInput").on('input', function(e) { 
 
    $(".secondInput").val($(this).val().replace(/ /g, "-")); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input class='firstInput' /> 
 
<input class='secondInput' />

Answer 2

$(".firstInput").keyup(function(e) { 
 

 
    val = $(this).val(); 
 
    val = val.replace(/\s/g, '-'); 
 

 
    $(".secondInput").val(val); 
 
});

Answer 3

扎卡里亞Acharki一個襯墊是最少的代碼量..但任何人都開始了它可能是非常難以把握。這是一個替代方案，對於初學者更容易遵循：

$(".firstInput").keyup(function(e) { 

    //grab the text, note the use of the var keyword to prevent messing with the global scope 
    var input1 = $(this).val(); 

    // break the string into an array by splitting on the ' '. Then join the array into a string again with '-' as the glue 
    input1 = input1.split(' ').join('-'); 

    // or use regex, but regex is a whole other language: input1 = input1.replace(/ /g, "-") 

    //finally place the modified string into its destination 
    $(".secondInput").val(input1); 
});