JS组合键如何实现？

Ctrl+回车传input值的实现

最新推荐文章于 2025-08-17 12:58:00 发布

原创最新推荐文章于 2025-08-17 12:58:00 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

博客介绍了一种效果，即只有按下ctrl+回车键，才能将input里的值传到下方，还提及了CSS部分以及HTML+JS部分。

效果：只有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>