在线笔记 favinavi - 人性化网络收藏夹

javascript捕获缺省的组合快捷键，比如CTRL+F

分类标签：全部 CSS html javascript php/other IT

by: fanshome 2023-06-09 06:22(UTC)

有时候我们需要在网页上捕获用户的按键动作，然后避免执行缺省动作，替换成我们想要执行的程序。

下面我们以拦截并接管“ctrl+f”组合键为例，代码如下：

CSS复制代码

body{background:#fcc;}
h1,h2{text-align:center;}

html复制代码

<h1>鼠标先移动到红区点一下<br/>然后试试按下CTRL+F组合键</h1>
<br/><br/>
<h2>代码实际使用时无须先点击鼠标，此处只为实现演示需要。</h2>

javascript复制代码

document.addEventListener("keydown",(e)=>{
	const keyName = e.key;
	if (e.ctrlKey && (keyName=='f' || keyName=='F')) {
		e.preventDefault();
		alert('CTRL+F pressed.')
	}
}, false);

740

favinavi - 重度网络用户必备在线笔记

自用小工具：正则表达式测试是否能匹配字符串
正则表达式写起来不难，但是要做到准确无误却是一个不小的挑战，经常因为一个小疏忽，导致貌似正常而实际上却有bug。尤其是域名或url相关的，特别容易出错，出错...
把favinavi网络收藏夹的书签搜索功能做到最好
在此先感谢“changanluan”用户的建议，是他（她）提出了这个问题，favinavi怎么还没有书签搜索功能呢？是啊，我不属于那种要收藏几千个书签的收藏...
CSS实现倾斜绶带式45°标签
有时候页面需要在某个元素上设置一个醒目的标志，比如“审核中”、“热卖中”、“HOT”等等，此时本样式比较合适。先上图看最终效果。 [img]
CSS学习笔记：flex布局做出元素两端对齐效果
很久以前，还没有flex布局方法的时候，想要在同一行内的两个元素分两端左右对齐，应该使用float方法，左边的元素使用float:left; 右边的元素使用fl...
网站的页面访问量以及搜索引擎爬虫访问量的统计方法
统计页面访问量的方法有无数种，这里介绍我的“低级”方法： 1、当然是先用数据库建立一张访问统计表，每个需要统计的页面单独需要建一个字段，比如首页就用“index...
https协议下javascript复制内容到剪贴板
JavaScript复制内容到剪贴板（clipboard）网上教程比较多，大部分使用document.execCommand('copy')...