javascript按Ctrl+Enter回车发送怎么实现?

发布时间:2020-02-12编辑:脚本学堂
本文介绍了js中实现按Ctrl+Enter回车发送的方法,监听textarea的onkeydown事件,当ctrl键被按下,并且,keycode为13(回车)时,调用发送表单的函数,即可实现回车发送效果了。

如何用js脚本实现按Ctrl+Enter发送?

实现思路:
监听textarea的onkeydown事件,当ctrl键被按下,并且,keycode为13(回车)时,调用发送表单的函数。

1,监听textarea的onkeydown事件
 

复制代码 代码示例:
<textarea tabindex="1" class="ie6ta" name="contenthf.contenthf" onkeydown="keySend(event);" title="按ctrl+enter直接发送"></textarea>

2,发送表单,然后重新加载opener窗口(见4,)
 

复制代码 代码示例:
function sbFrm() {
var Contenthf=document.getElementById("Contenthf");
var txtAr = Contenthf.getElementsByTagName("textarea")[0];
if (txtAr.innerHTML == "") {
txtAr.focus();
return false;
}
Contenthf.submit();
window.opener.afterReload();
return false;
}

3,当ctrl键被按下,并且,keycode为13(回车),时,调用发送表单的函数。
 

复制代码 代码示例:
function keySend(event) {
if (event.ctrlKey && event.keyCode == 13) {
sbFrm();
}
}

4,如果是window.open()方式打开的当前页面,则在window.open的这个页面加入重新加载函数
 

复制代码 代码示例:
function afterReload() {
setTimeout(function () {
window.location.reload();
}, 1000);
}

以上介绍了js实现ctrl+enter回车发送的实现代码,希望对大家有所帮助。