Q&A
解決しました
inputイベント、一番欲しかったやつです
回答ありがとうございました
実現したいこと
input要素に変更があるたびに（keydown時）input要素の内容を取得したいのですが、
バックスペースを押して文字を消しても反映されずに、一個前の結果が返ってきます
###ソースコード
jquery
1$(function(){ 2 3$("#input_1").keydown(function(event){ 4 text = $("#input_1").val(); 5 console.log(text); 6} 7 8});
html
1<!DOCTYPE html> 2<html> 3 4<head> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <meta charset="utf-8"> 7 8 <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> 9 <script src="index.js" charset="utf-8" defer></script> 10 11 <title></title> 12</head> 13 14<body> 15 16 17 18 <input type="text" id="input_1" value=""> 19 20 21 22</body> 23 24</html>
###結果(console)
a
aa
aaa
aaaa
aaaa(ここでバックスペースを打っているが反映されない)
aaa
aa
a(本来ここでは空白のはず)
回答2件
0
javascript
1$("#input_1").keydown(function(event){ 2↓↓↓ 3$("#input_1").on('input',function(event){
投稿2021/09/03 10:08
総合スコア116724
0
ベストアンサー
keydown イベントリスナが呼ばれる時点での input 要素の値は、押されたキーが処理される前のものです。値が更新されるのは、keydown, keyup keypress イベントリスナがすべて呼ばれた後になります。
通常、こういう処理は input イベント(値が更新されるたびに起きるイベント)か change イベント(値が更新された後にフォーカスが外れると起きるイベント) を用います。
投稿2021/09/03 09:57
総合スコア21695
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。