無法更新onkeyup變量javascript

Question

我有一個textarea，我想更新一個JavaScript變量onkeyup textarea。

這裏是我的代碼：

<textarea id="q" name="q"></textarea> 
<button onclick='alert(rec);'> 
Click 
</button> 
<script> 
var rec; 

$("#q").keyup(function(){ 
     rec = document.getElementById("q").value; 
}); 
</script> 

我實現了jQuery的，當然。

https://jsfiddle.net/wvsc93d4/

Answer 1

嘗試這樣的：

$("#q").keyup(function(){ 
     rec = $('#q').val(); 
}); 

見這裏：https://jsfiddle.net/ddan/wvsc93d4/1/

Answer 2

試試這個。你只是想在rec被設置之前調用rec。

var rec = ""; 
 

 
$("#q").keyup(function(){ 
 
     rec = document.getElementById("q").value; 
 
}); 
 

 
$("#showMe").on("click", function(){ 
 
console.log(rec); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<textarea id="q" name="q"></textarea> 
 
<button id="showMe"> 
 
Click 
 
</button>