javascript - 使用 .val 设置值后的 JQuery .select

Question

我的 html 中的两个标签条中有两个 Radtextboxes (telerik)。我想根据用户对其他人所做的更改来设置每个人的值。我已经使用以下代码实现了：

function OnUsernameChanged() {
  $('#txtUserNameTab1').focus(function (e) {
    $(this).select();
  });
  $('#txtUserNameTab2').focus(function (e) {
    $(this).select();
  });
  $('#txtUserNameTab1').bind('keypress blur keyup', function (e) {
    var userNameValue = $(this).val();
    $('#txtUserNameTab2').val($(this).val());

  });
  $('#txtUserNameTab2').bind('keypress blur keyup', function (e) {
    var userNameValue = $(this).val();
    $('#txtUserNameTab1').val($(this).val());
  });
}

当第一个值发生更改时，它可以正常更新第二个文本框的值，反之亦然。但问题在于选择，当专注于任何文本框时，它总是对该文本框进行全选，但值会更改为文本框的初始值。

Answer 1

我创建了一个小提琴，可以按照您想要的方式使用文本框控件。 http://jsfiddle.net/ZeEXp/1/

JS：

        $('#txtUserNameTab1,#txtUserNameTab2').mouseup(function() {
            $(this).select();
        });

        $('#txtUserNameTab1').bind('keyup', function (e) {
            var userNameValue = $(this).val();
            $('#txtUserNameTab2').val($(this).val());
        });

        $('#txtUserNameTab2').bind('keyup', function (e) {
            var userNameValue = $(this).val();
            $('#txtUserNameTab1').val($(this).val());
        });

HTML：

<textarea id="txtUserNameTab1">asdfasdfa</textarea>
<textarea id="txtUserNameTab2">563gh45</textarea>