javascript - 如果 input2 为空，则从 input1 复制值？

Question

这是我在这里的第一条消息，所以我希望新手也能得到帮助:) 我的问题如下: 让我们首先从代码开始...... JavaScript:

$(document).ready(function(){
    if ($("input#datum2").val() == "")
    {
        $().click(function(){
            $("input#datum2").val($("input#datum1").val());
        });
    }    
});

html:

<form >
        <input id="datum1" type="text" />
        <input id="datum2" type="text" />
</form>

我想要这个脚本做的是首先检查输入字段 datum2 是否为空。如果是，则从 input#datum1 复制值。此操作应该在每次用户单击(页面上的任何位置？)时发生... 当用户在 datum1 中键入内容并单击某处时，该值将被复制到 datum2。问题是当用户编辑 datum1 或 datum2 时，该值会再次复制到 datum2。显然这个条件

if ($("input#datum2").val() == "")

只能运行一次。 我是 javascript 和 jquery 的新手，所以我将不胜感激。 提前致谢!

干杯， 岛

Answer 1

听起来您需要绑定(bind)到不同的事件。当输入失去焦点时就会出现模糊，这听起来就像您所追求的那样。

$(function() {
  var $datum2 = $('#datum2');

  $('#datum1').blur(function() {
    if(!$datum2.val())
      $datum2.val($(this).val());
  });
});

有几件事:

1) $(function() { ...是 $(document).ready

的一个很好的快捷方式

2) 在 JavaScript 中，空字符串的值为 false，因此这是一个不错的快捷方式。