效果:只有ctrl+回车键才能将input里的值传到下边

CSS部分:

         div{background-color: red;margin-top: 5px;}

HTML+JS部分:

     <input type="text" /><script>var inp=document.getElementsByTagName('input')[0];inp.onkeydown=function(ev){//兼容火狐的事件对象var e=window.event||ev;if(e.keyCode==13&&e.ctrlKey){//捕捉组合键var p=document.createElement('div');p.innerHTML=inp.value;document.body.appendChild(p);}}</script>

JS组合键如何实现?相关推荐

  1. js组合键和单个键盘事件

    文章目录 js 里面的键盘码对应的值 监听单个按键 监听组合键 js 里面的键盘码对应的值 内容过多,请移驾另一篇博文: https://yangyongli.blog.csdn.net/articl ...

  2. js 组合键 按键操作

    // 监听按键 document.addEventListener("keydown", this.aa()); // 简单示例 function aa(e) {e = windo ...

  3. js简单的设置快捷键,hotkeys捕获键盘键和组合键的输入

    设置快捷键 这是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键,它没有依赖,压缩只有只有(~3kb). hotkeys on Github hotkeys预览 __ __ __ | ...

  4. 使用 js 设置组合快捷键,支持多个组合键定义,还支持 React

    ╭┈┈╮ ╭┈┈╮ ╭┈┈╮ ┆ ├┈┈..┈┈┈┈┈.┆ └┈╮┆ ├┈┈..┈┈┈┈┈..┈┈.┈┈..┈┈┈┈┈. ┆ ┆┆ □ ┆┆ ┈┤┆ < ┆ -__┘┆ ┆ ┆┆__ ┈┈┤ ╰ ...

  5. js检测键盘组合键,禁止F12

    js检测键盘组合键ctrl+p js检测键盘组合键ctrl+d js检测键盘组合键ctrl+s js禁止F12 体验地址:点击在线体验 <!DOCTYPE html> <html l ...

  6. js监控组合键,例如Ctrl+K

    // 同时按下ctrl+` var onKeydown = function(event) {console.log(event);//ctrl是激活状态,同时按下了 ` 键if(event.key ...

  7. react 监听组合键_投资组合中需要的5个React项目

    react 监听组合键 You've put in the work and now you have a solid understanding of the React library. 您已经完 ...

  8. THINKPAD笔记本Fn组合键介绍

    THINKPAD笔记本Fn组合键介绍 Fn键作为笔记本的组合键,和其他键组合使用时会有强大的功能,很多使用技巧都是通过Fn组合键来实现的.下边就为大家总结一下IBM ThinkPad系列笔记本Fn键的 ...

  9. windows命令大全_必收藏!电脑快捷键、组合键大全

    键盘快捷键使用大全所谓快捷键就是使用键盘上某一个或某几个键的组合完成一条功能命令,从而达到提高操作速度的目的.下面为大家介绍一些常用快捷键的使用和功能.希望这些电脑快捷键大全可以给用户带来便捷的上网体 ...

最新文章

  1. 第二个冲刺期的第七天
  2. VS2015使用scanf报错解决方案
  3. 一文了解Kubernetes的前世今生
  4. 2017.7.6 linux 搭建ssh服务器 scp
  5. qt android meta data,Qt小技巧5.解决Failed to extract plugin meta data问题
  6. angular之两种路由
  7. TypeError: db.addUser is not a function : @(shell):1:1 ——mongoDB创建新用户名密码的方法...
  8. 见闻大量急救车急速行驶有感
  9. struts2校验框架之Visitor校验器
  10. 冰城环保进入智慧时代
  11. java删除图片杂色_PS中级教程!手把手教你绘制霸气酷炫的暗黑3壁纸
  12. SQL常用语句总结整理
  13. 即席查询-Kylin
  14. 迅雷手机版苹果版_2020最新迅雷苹果版如何下载?
  15. Eclipse设置护眼浅绿色背景
  16. 数据结构练习题【哈夫曼树、图、排序、散列表】
  17. 一个新手RHCE的酸甜苦辣
  18. 硬盘数据被覆盖了怎么恢复
  19. 配置fly.js请求
  20. 乐高教育版45544零件---分类识别

热门文章

  1. OpenCV对图片四周进行填充函数copyMakeBorder
  2. vue实现HTML转PDF
  3. 让技术造福残障人士,让开发助力无障碍
  4. 写给前端应届生的职业规划建议
  5. arima基本原理_ARIMA模型原理及实现
  6. 张有为/开创博客营销-中小企业网上生态全景调查(节选)
  7. HTML鼠标悬停显示隐藏div,JQ实现鼠标悬停显示或隐藏DIV层
  8. iomanip头文件的作用
  9. about<iomanip>
  10. 路由器单臂路由配置------配置子接口是配置单臂路由的关键