使用jQuery进行文本镜像

Question

键入文本时，需要镜像其他文本框。此代码中的任何修改。 是否有任何导入文件运行此jQuery代码？

$('.mirror').on('keyup', function() {
        $('.'+$(this).attr('class')).val($(this).val());
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
Type here:
<input type="text" class="mirror" placeholder="one">
<input type="text" class="mirror" placeholder="two">

Answer 1

您可以利用可应用于数组的reverse()函数

• 使用split()
从字符串创建数组
• 使用reverse()
反转数组
• 使用join()
从该数组创建一个字符串

$('.mirror').on('keyup', function() {
    var text = $(this).val();
     $(this).next().val(reverseString(text));
});

function reverseString(str) {

   return str.split("").reverse().join(""); 

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="mirror" placeholder="one">
<input type="text" class="mirror" placeholder="two">