第一句子网 - 唯美句子、句子迷、好句子大全
第一句子网 > JS:键盘事件(onkeydown onkeypress onkeyup三个)

JS:键盘事件(onkeydown onkeypress onkeyup三个)

时间:2019-12-22 15:57:38

相关推荐

JS:键盘事件(onkeydown  onkeypress  onkeyup三个)

1.键盘事件key

属性 描述

onkeydown 某个键盘按键被按下

onkeypress 某个键盘按键被按下。

onkeyup 某个键盘按键被松开。

事件相关的事件发生次序:

onkeydown

onkeypress

onkeyup

onkeydown onkeypress

1、前者不区分输入内容的大小写后者区分输入内容的大小写 返回keycode是不同的

2、前者识别任何按键后者不识别功能键

3、主要使用前者

*/

/*

e 事件对象

//css部分<div><input type="text" class="inp1"><input type="text" class="inp2"><input type="text" class="inp3"></div>//script部分<script type="text/javascript">var inp1 = document.querySelector(".inp1");var inp2 = document.querySelector(".inp2");var inp3 = document.querySelector(".inp3");inp1.onkeydown = function(e){// console.log(e);// if(e.keyCode != "13")return;// console.log(this.value);console.log(e.keyCode);}inp2.onkeypress = function(e){console.log(e.keyCode);// console.log("2");}inp3.onkeyup = function(){console.log("3");}</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。