keyup と keydown の違いと、なぜ同じように動作しないのかについて、誰かが私を助けてくれるのではないかと思いますか?
ここにjsfiddleがあり、ここでいくつかの例を実行していましたhttps://jsfiddle.net/m9wcn982/1/
HTML:
<div id="exercise">
<div>
<input type="text" v-on:keyup="listen">
<p>{{ value }}</p>
</div>
<div>
<input type="text" v-on:keydown="listen">
<p>{{ value }}</p>
</div>
</div>
ジャバスクリプト:
new Vue({
el: '#exercise',
data: {
value: ''
},
methods: {
listen: function(){
this.value = event.target.value;
}
}
});
たとえば、2 番目のボックスに「foo」と入力しますが、値として「fo」しか取得しないのに、keyup はキーを押した直後に入力されたキーを常に出力しますが、keydown は 1 文字遅れます。しかし、最初のボックスに「foo」と入力すると、値として「foo」を取得します。
keydown
キーが最初に押されたときです。要素の値はまだ変更されていません。値の変更をキャンセルする方法です。
keyup
それがリリースされ、2 の間で要素の値が変更されたときです。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加