2016-04-12 13 views
1

Bu click olayı neden #output'taki metni değiştiremiyor? Ancak, form etiketinin dışında düğme etiketi yazarsam, # çıkıştaki metni değiştirir. HTMLjQuery düğmesi olay işleyicisi içeriği değiştirmiyor

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
</head> 
<body> 
<form> 
    <button id="compressStart">Start</button> 
</form> 
<p id="output"></p> 
<script src="js/jquery-2.2.3.js"></script> 
<script src="js/test.js"></script> 
</body> 
</html> 

JS

"use strict"; 

$(function() { 
    $("#compressStart").click(getDecompressInput); 

}); 

function getDecompressInput() { 
    $("#output").text('Hello'); 
} 
+0

button olarak Think ayarlamak, genellikle yapmak gerekiyordu bir formda bir düğme nedir? Gönder (sayfayı yeniden yükle). Formun gönderilmesini engellemeniz veya ihtiyacınız yoksa formu kaldırmanız gerekir. – blex

cevap

3

Eğer form içindeki <button></button> elemanı kullandığınıza göre, varsayılan davranış biçimini sunacak.

formu sumbit değil düğmesine istiyorsanız, nitelik type

<button type="button" id="compressStart">Start</button> 
+0

Güzel cevap, bence iyi olanı. Ama kafa karıştırıcı: Eğer bunu istemiyorsan, o zaman düğme tipi kullan. aslında düğme tipini kullanıyor. ;) – cor

+2

tamam, şimdi daha net. – cor