服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js实现按Ctrl+Enter发送效果

js实现按Ctrl+Enter发送效果

2021-03-15 17:04JavaScript教程网 JavaScript

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

1,监听textarea的onkeydown事件

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

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

  1. function sbFrm() { 
  2. var Contenthf=document.getElementById("Contenthf"); 
  3. var txtAr = Contenthf.getElementsByTagName("textarea")[0]; 
  4. if (txtAr.innerHTML == "") { 
  5. txtAr.focus(); 
  6. return false
  7. Contenthf.submit(); 
  8. window.opener.afterReload(); 
  9. return false

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

  1. function keySend(event) { 
  2. if (event.ctrlKey && event.keyCode == 13) { 
  3. sbFrm(); 

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

  1. function afterReload() { 
  2. setTimeout(function () { 
  3. window.location.reload(); 
  4. }, 1000); 

延伸 · 阅读

精彩推荐