javascript - 更改其他文本框文本时更改文本框的文本

Question

我有两个输入类型 = 文本。文本框的文本由自定义日期选择器模块填充。当第一个文本框的文本更改时，我想更改第二个文本框的内容。

<input type = "text" id = "one"> 
<br>
<input type = "text" id = "two">
<br>
<button onclick="myFunction()">Click me</button>

Javascript

function myFunction()
{
    document.getElementById('two').value = 'hello';
}

在这里，我刚刚模拟了按钮单击时文本框“二”的变化，但实际上它是由其他一些方法改变的。当文本框“二”的值发生更改时，我想更改文本框“一”的文本。当文本被显式更改时，诸如 onchange 和 keyup 之类的事件将不起作用。每隔 1 秒检查两个文本框的值是否相等对我来说也不是一个选项。

纯 Javascript 或 jQuery 都可以。

Answer 1

下面是一个使用 jQuery 的例子：

实时取景：http: //jsbin.com/aqiyaz/1/

代码：http: //jsbin.com/aqiyaz/1/edit

Answer 2

我的解决方案建立在两个 javascript 函数上，如下所示：

function myFunction()
{
    ob = document.getElementById('two')
        ob.value = 'hello';
    ob.focus();
    ob.blur();

}
function sync(){
   document.getElementById('one').value = document.getElementById('two').value 
}

这是HTML：

<input type = "text" id = "one"> 
<br>
<input type = "text" id = "two" onblur="sync()">
<br>
<button onclick="myFunction()">Click me</button>​

以下是一个演示：http: //jsfiddle.net/saidbakr/hD6Sx/