好吧,所以我終於進入jQuery,但有我希望的基本問題讓我的函數運行。我在頁面上有3個輸入字段,其中兩個禁用。我的目標是當用戶在第一個輸入字段中輸入文本時,其他兩個字段的值將在keyup()上更改爲用戶在第一個輸入字段中輸入的值。jquery changeup input.value on keyup()只適用於FF 3.6
我在jsfiddle.net上測試了我的函數,然後才把它放到我的頁面上,並且它在所有瀏覽器中都能正常工作,但是一旦我將該函數移動到我的網頁並運行它,該函數將不起作用。它似乎在Firefox 3.6中工作,但在此之後沒有任何版本。由於某種原因,它也不適用於Chrome或IE。
jQuery的
$(document).ready(function() {
var $title2 = $("#title2"),
$title3 = $("#title3");
$("#cheader").keyup(function() {
$title2.val(this.value);
$title3.val(this.value);
});
$("#cheader").blur(function() {
$title2.val(this.value);
$title3.val(this.value);
});
});
CSS
.nobox {
border: none;
text-align: center;
color: #000;
background-color: #fff;
text-decoration: underline;
font-weight: bold;
font-size: 14px;
}
HTML
<input type="text" onClick="if(this.value=='Click Here To Enter Text'){this.value=''}else{this.value=this.value}" onBlur="if(this.value==''){this.value='Click Here To Enter Text'}" style="width:250px;" class="nobox" value="Click Here To Enter Text" maxlength="35" id="cheader"/>
<input type="text" style="width:250px;" class="cheader nobox" value="Click Here To Enter Text" id="title2" disabled disabled="disabled"/>
<input type="text" style="width:250px;" class="cheader nobox" value="Click Here To Enter Text" id="title3" disabled disabled="disabled"/>
我沒有看到任何理由,它不應該工作。你能在小提琴中重現問題嗎?這可能與你的其他代碼有關。 – Thomas
你是否在其他瀏覽器中看到任何javascript錯誤? – jrummell
您發佈的小提琴正如您在Firefox,IE和Chrome中所描述的一樣工作。所以它必須是其他東西與您的代碼搞混了。 –