Google Drive(或其他服务)如何捕获自定义搜索框的Ctrl+F或Command+F输入?
How does Google Drive (or other services) capture the Ctrl+F or Command+F input for a custom search box?
是否可以创建一个自定义的"查找"框类似于什么谷歌驱动器按下Command+F或Ctrl+F?我是一个完全的新手,我不知道如何更好地表达这个问题,对不起!
它们捕获document
上的keydown
事件并阻止默认操作的发生,而是做自己的事情:
document.addEventListener("keydown", function(e) {
if (e.ctrlKey && (e.which || e.keyCode) == 70) {
e.preventDefault();
alert("Search!");
}
}, false);
生活例子:
document.addEventListener("keydown", function(e) {
if (e.ctrlKey && (e.which || e.keyCode) == 70) {
e.preventDefault();
alert("Search!");
}
}, false);
<p>Click here to focus the snippet's document, then press Ctrl+F</p>
处理程序接收到的事件对象有一个ctrlKey
属性,如果按下ctrl键,该属性将有一个真值。在大多数浏览器上,它也有一个which
属性来表示哪个键,但在一些浏览器上它是keyCode
,所以在上面我使用了奇怪的强大的||
操作符来使用浏览器提供的任何一个。
相关文章:
- 用程序搜索JQuery数据表中的文本
- 在html Select中添加搜索
- Ajax Live搜索发布到Laravel视图
- 谷歌放置API:按国家或餐馆名称搜索餐馆
- 学生搜索项目jquery/javascript
- 用于搜索的聚合物嵌套绑定
- 在javascript中搜索具有重复值的两个数组中的匹配值
- Angularjs-utils高亮过滤器在搜索时破坏应用程序
- 使用javascript搜索具有用户输入的数组
- 淘汰搜索/筛选
- 搜索api在mac上显示对话框
- AngularJS/HTML/Bootstrap元素用于动态搜索结果
- 谷歌水印未显示在自定义搜索框中
- 在javascript中搜索项目列表的性能
- 正在搜索JavaScript日期选择器滑块
- 当我用ctrl+p搜索时,为什么要在谷歌chrome上使用inspect来调试缺少显示文件js
- 覆盖浏览器's CTRL+F,并将其替换为Silverlight自定义搜索
- Google Drive(或其他服务)如何捕获自定义搜索框的Ctrl+F或Command+F输入?
- 如何在网页中通过ctrl+f进行搜索时触发事件
- 类似于CTRL + F功能的搜索框