模拟京东按键输入内容案例 :
<body>
<input type="text">
<script>
var search = document.querySelector('input');
document.addEventListener('keyup', function (e) {
console.log(e.keyCode);
if (e.keyCode === 83) {
search.focus();
}
})
</script>
</body>
模拟京东快递单号查询案例:
注意:keydown 和 keypress 在文本框里面的特点:他们两个事件触发的时候,文字还没落入文本框里。 keyup触发的时候,文字已经落入文本框里面了。
<style>
* {
margin: 0;
padding: 0;
}
.search {
position: relative;
width: 178px;
margin: 100px;
}
.con {
display: non