js实现按Ctrl+Enter发送效果_javascript技巧

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);
}

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索发送
ctrl+Enter
ctrl enter、ctrl shift enter、excel ctrl enter、ps ctrl enter、excel中ctrl enter,以便于您获取更多的相关知识。

时间: 2024-10-02 04:06:41

js实现按Ctrl+Enter发送效果_javascript技巧的相关文章

JS代码实现table数据分页效果_javascript技巧

第一个:实现的很常见很简单的显示页数翻页 效果图: •这是HTML代码,很简单滴(我好像看到了被嫌弃的小眼神) <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-"> <script src="js/jquery-...js"></script> <script src="js/demo.js

js实现div在页面拖动效果_javascript技巧

本文实例讲述了js实现div在页面拖动效果.分享给大家供大家参考,具体如下: <style type="text/css"> body { margin: 0px; } #div1 { display: none; position: absolute; z-index: 1000; height: 100%; width: 100%; background: #000000; filter:Alpha(opacity=30); } #div2 { display: non

JS实现的页面自定义滚动条效果_javascript技巧

本文实例讲述了JS实现的页面自定义滚动条效果.分享给大家供大家参考,具体如下: 这里演示网页上用的滚动条效果,是一个自定义的滚动条代码,除了上下两个箭头以外,滚动条和一般的浏览器基本差不多,鼠标滚轮滚动,滚动条滚动.html结构很简单,mainBox是外层div,content是内容,滚动条div是js动态生成的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-web-zdy-scroll-style-codes/ 具体代码如下: <!D

JS实现漂亮的时间选择框效果_javascript技巧

本文实例讲述了JS实现漂亮的时间选择框效果.分享给大家供大家参考,具体如下: HTML代码部分: <html> <script language=javascript src="dataone.js"></script> <table align="center"> <tr> <td> <body> (1)只选择日期 <input type="text" n

js实现简单的联动菜单效果_javascript技巧

本文实例讲述了js实现简单的联动菜单效果.分享给大家供大家参考.具体如下: 这是一个最简单的js联动菜单代码,在DW里可以自动生成,不想在DW里生成的话,把此份代码拷贝下拉修改也可以.网页上常用到一种Select联动菜单. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-ld-menu-codes/ 具体代码如下: <html> <head> <title>简单的Select联动菜单代码</ti

js实现商城星星评分的效果_javascript技巧

在这里和朋友们分享一个使用js实现商城星星评分的效果,希望能给大家点帮助,当然更好的特效还有待大家完善. html如下: <div class="starts"> <ul id="pingStar"> <li rel="1" title="特别差,给1分"></li> <li rel="2" title="很差,给2分"><

Js实现滚动变色的文字效果_javascript技巧

Js实现滚动变色的文字效果,在效果展示页面,可看到文字在交替变色显示,以吸引人的注意,效果真心不错哦,把代码拷贝到你的网站后,修改成想要的文字就OK了. 以下是源代码: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>滚动变色的文字js特效</title>

js图片轮播手动切换效果_javascript技巧

利用ScrollPicLeft.js这个库实现图片的前后切换,适用于网页中的证书展示.推荐商品之类的栏目.它不像传统的marquee滚动那样,而是可以手动的去点击前后切换箭头按钮,进行图片的翻页,从而达到浏览上一张,下一张的效果. 不需要调用jquery,初始化简单,使用非常的简单,便利. 实例效果: js代码: <script type="text/javascript"> var scrollPhoto = new ScrollPicleft(); scrollPhot

js实现按钮颜色渐变动画效果_javascript技巧

本文实例讲述了js实现按钮颜色渐变动画效果的方法.分享给大家供大家参考.具体如下: 这里演示js实现按钮慢慢变色的方法,鼠标移到按钮上,按钮的背景色就发生变化,是慢慢的变化,点击按钮会打开指定链接,这里主要是演示按钮变色的代码实现方法. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-button-cha-color-animate-codes/ 具体代码如下: <HTML><HEAD><TITLE>按钮慢慢变色&