好资源导航 » 文章资讯 » 利用JavaScript模拟京东按键输入功能

利用JavaScript模拟京东按键输入功能

2023-07-10 11:06:03 63

在看到这个功能的时候我也很惊讶，京东竟然做了这样的一个功能。在京东商城网页版，无论你在什么位置，只需要按下S键，就可以将光标定位到搜索栏进行搜索。虽然说这是一个很不错的功能，但是貌似没有几个人知道。

程序实现很简单，在s键上升的时候搜索框获得焦点就可以了。






按下S键光标定位搜索框

附：键盘事件keydown()与keyup()

1.键盘按下事件：keydown()是在键盘按下就会触发

2.键盘弹起事件：keyup()是在键盘松手就会触发

keydown()与keyup()事件


按下显示输入的值:

松手显示输入的值:

执行上述代码块可以看出

keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本

总结

到此这篇关于利用JavaScript模拟京东按键输入功能的文章就介绍到这了,更多相关JS模拟京东按键输入内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

keydown()与keyup()事件