如何高效的开发前端js组合键、快捷键

最新推荐文章于 2024-01-22 23:56:54 发布

和平世界的守护者

最新推荐文章于 2024-01-22 23:56:54 发布

阅读量319

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_34763438/article/details/111525152

版权

最近项目中有个需求，使用快捷键，然后就自行开发了一个库用来监听组合键，具体参考下面的demo

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body></body>
	<script>
		function combinationKey(keys) {
    
			let combinationKeyList = []
            let keyQueue = []
            const mouseMap = Object.values(combinationKey.MOUSE)

			if (!keys) {
    
				console.warn('needs keys array')
				return
			}

			combinationKeyList = keys

			const dispatchForCode = (event) => {
    
				return new Promise((resolve) => {
    
					let code = undefined

					if (event.key !== undefined) {
    
						code = event.key
					} else if (event.keyCode !== undefined) {
    
                        // 未对 keyCode 做兼容
						code = event.keyCode
                    }
					resolve(code)
				})
			}

			function keyDownTrigger(e)

最低0.47元/天解锁文章

和平世界的守护者

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何高效的开发前端js组合键、快捷键

最近项目中有个需求，使用快捷键，然后就自行开发了一个库用来监听组合键，具体参考下面的demo<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title&gt
复制链接

扫一扫