js实现按Ctrl+Enter发送效果


Posted in Javascript onSeptember 18, 2014

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);
}
Javascript 相关文章推荐
文本框根据输入内容自适应高度的代码
Oct 24 Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
Oct 08 Javascript
学习JavaScript设计模式之责任链模式
Jan 18 Javascript
javascript运算符——逻辑运算符全面解析
Jun 27 Javascript
轻松掌握JavaScript单例模式
Aug 25 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
May 28 Javascript
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 Javascript
详解Vue中watch的详细用法
Nov 28 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 Javascript
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 Javascript
javascript搜索框点击文字消失失焦时文本出现
Sep 18 #Javascript
输入框过滤非数字的js代码
Sep 18 #Javascript
小结Node.js中非阻塞IO和事件循环
Sep 18 #Javascript
JavaScript将取代AppleScript?
Sep 18 #Javascript
Javascript MVC框架Backbone.js详解
Sep 18 #Javascript
JS回调函数的应用简单实例
Sep 17 #Javascript
js实现在同一窗口浏览图片
Sep 17 #Javascript
You might like
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
JS宝典学习笔记(下)
2007/01/10 Javascript
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
node.js中的fs.appendFileSync方法使用说明
2014/12/17 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
js创建对象的方法汇总
2016/01/07 Javascript
Jquery $when done then的用法详解
2016/05/20 Javascript
修改ligerui 默认确认按钮的方法
2016/12/27 Javascript
JavaScript闭包和回调详解
2017/08/09 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
2017/11/10 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
2018/01/21 Javascript
vue-cli脚手架引入图片的几种方法总结
2018/03/13 Javascript
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
微信小程序实现炫酷的弹出式菜单特效
2019/01/28 Javascript
详解React项目中碰到的IE问题
2019/03/14 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
vuex实现数据状态持久化
2019/11/11 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
Nest.js 授权验证的方法示例
2021/02/22 Javascript
Python下singleton模式的实现方法
2014/07/16 Python
Python使用wxPython实现计算器
2018/01/30 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
Django框架模板的使用方法示例
2019/05/25 Python
Python2.6版本pip安装步骤解析
2020/08/17 Python
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
弘扬民族精神演讲稿
2014/05/07 职场文书
大学同学会活动方案
2014/08/20 职场文书
拾金不昧通报表扬范文
2015/05/05 职场文书
导游词之云南-元阳梯田
2019/10/08 职场文书
利用python调用摄像头的实例分析
2021/06/07 Python
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS