使用Javascript自動傳遞輸入值

我正在努力將一個值放入文本輸入框，並將其作爲用戶鍵入的另一個文本輸入框。我得到了一切工作jsfiddle，但由於某種原因，我不能讓它的工作，如果我在任何地方使用它。我使用純JavaScript，而不是jQuery。使用Javascript自動傳遞輸入值

所以，這裏是我的html代碼

<input id="imput1" type="text" class="firstbox"> 
    <p>Box to Retrieve The Input</p> 
    <br /> 

    <input id="gift_card_recipient" type="text" class="replica" value="box1" /> 
    <input type="text" class="replica2" value="box2" />

而且我是用傳遞值作爲用戶類型，從第一箱的JavaScript，爲第二個框：

(function() { 
var var1 = document.getElementById('imput1'), 
    var2 = document.getElementById('gift_card_recipient'), 
    callback = function() { 
     var2.value = this.value; 
    }; 

if (var1.addEventListener) { 
    var1.addEventListener('keyup', callback); 
} else { 
    var1.attachEvent('onkeyup', callback); 
} 
}());

再次，我得到了這個工作在jsfiddle，這是一個演示它的樣子，但由於某種原因，如果我用我的電腦上的HTML文件，或在我的服務器上，它不會工作。我將頭文件中的js文件鏈接起來，並在chrome中檢查它。這裏是我從鉻得到的錯誤：

Uncaught TypeError: Cannot read property 'addEventListener' of null

不知道爲什麼它扔了。但這裏是我真正有用的jsfiddle。但不在服務器或我的電腦上：http://jsfiddle.net/C3SPM/

來源

2013-10-07 user2759977

你在哪裏添加JavaScript代碼..？嘗試在結束標記之前添加它，如果尚未...！ –

我自己有一個文件的JavaScript，並通過頭鏈接它。 – user2759977

使用Javascript自動傳遞輸入值

回答

相關問題