js实现按Ctrl+Enter发送效果

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);
}
赞 (0)

相关推荐

  • js 事件截取enter按键页面提交事件示例代码

    假如你在一个文本框中按enter事件是让他执行一个js函数,但是不想提交表单,可以这样做: function ysearch() //年文本框回车键后重新加载DataWindow{    validateInputText('yyyy');//想做的第一个js函数    if(event.keyCode==13)    {        changeym();//想做的第二个js函数,做完后把event给清空        event.returnValue=false;//把event事件给截

  • js禁止回车提交表单的示例代码

    如下所示; 复制代码 代码如下: function ifenter(){   if(event.keyCode==13){  return   false;  }else if(event.srcElement.type=="submit"){   form1.submit();   }  }   document.onkeydown=ifenter;

  • 没有form表单情况下敲回车键提交表单的js代码

    function enterPress(e) { if (e.keyCode == 13) { login(); } } function login(){ //登录验证等 alert('login'); } Username: Password: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • form表单中去掉默认的enter键提交并绑定js方法实现代码

    复制代码 代码如下: <form id="index-search_form" method="post" > <input type="text" id="s" value="" onkeydown="javascript:if(event.keyCode==13) return false;" onkeyup="javascript:if(event.ke

  • JS实现Enter键跳转及控件获得焦点

    复制代码 代码如下: //回车跳转 jQuery(document).ready(function () { //$(':input:text:first').focus(); jQuery(':input:enabled').addClass('enterIndex'); // get only input tags with class data-entry textboxes = jQuery('.enterIndex'); // now we check to see which bro

  • js 回车提交表单两种实现方法

    1.JavaScript 方法: 复制代码 代码如下: [javascript] <script> document.onkeydown=function(event){ e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert('回车检测到了'); } } </script> <script> document.onkeydown=function

  • js校验表单后提交表单的三种方法总结

    第一种: 复制代码 代码如下: <script type="text/javascript">         function check(form) { if(form.userId.value=='') {                alert("请输入用户帐号!");                form.userId.focus();                return false;           }       if(fo

  • js实现键盘Enter键提交表单的方法

    本文实例讲述了js实现键盘Enter键提交表单的方法.分享给大家供大家参考.具体实现方法如下: //执行键盘按键命令 function keyDown(e){ var keycode = 0; //IE浏览器 if(CheckBrowserIsIE()){ keycode = event.keyCode; }else{ //火狐浏览器 keycode = e.which; } if (keycode == 13 ) //回车键是13 { //document.getElementById("lo

  • js实现按Ctrl+Enter发送效果

    1,监听textarea的onkeydown事件 复制代码 代码如下: <textarea tabindex="1" class="ie6ta" name="contenthf.contenthf" onkeydown="keySend(event);" title="按ctrl+enter直接发送"></textarea> 2, 发送表单,然后重新加载opener窗口(见4,) f

  • asp.net textbox javascript实现enter与ctrl+enter互换 文本框发送消息与换行(类似于QQ)

    1.也许讲解有点初级,希望高手不要"喷"我,因为我知道并不是每一个人都是高手,我也怕高手们说我装13: 2.如有什么不对的地方,还希望大家指出,一定虚心学习,如果有更好的办法请告诉我一声哦: 3.本文属于作者原创,尊重他人劳动成果,转载请注明作者,谢谢. 下面开讲: 如题,这个功能也困扰了我一两天事件了,我也上网找了很多资料,但是网上大部分的说法都差不多,问题始终还是没解决,于是乎我开始找是问题的根源,我开始用的是文本框的onkeydown事件,分别写了两个js函数,如下: 复制代码

  • 使用JQuery实现Ctrl+Enter提交表单的方法

    有时候我们为了省事就操作键盘组合键去代替使用鼠标,我们今天就使用JQuery实现Ctrl+Enter提交表单. 我们发帖时,在内容输入框中输入完内容后,可以点击"提交"按钮来发表内容.可是,如果你够"懒",你可以不用动鼠标,只需按住键盘上的Ctrl+Enter键,即可提交表单,完成内容发布. 当然,由于输入框是一个多行文本输入框textarea,我们知道,在textarea中按Enter(回车)键可以换行,并不能直接提交表单(submit),而默认情况下,浏览器忽略

  • 使用jQuery实现WordPress中的Ctrl+Enter和@评论回复

    使用jQuery实现WordPress中的Ctrl+Enter和@评论回复

    添加 Ctrl+Enter 快捷回复 这里送上两种方法,首先是 jQuery 方法,前段时间一直在研究 jQuery ,因此对 jQuery 方法比较熟悉,如果你的主题本来已经加载 jQuery 库,建议你使用下面的方法. 把这段代码加入 js 文件中,如果你已经加载 jQuery ,现在就可以使用 Ctrl+Enter 进行快捷回复. jQuery(document).ready(function($){ //Ctrl+Enter回复 jQuery(document).keypress(fun

  • JS实现的五级联动菜单效果完整实例

    JS实现的五级联动菜单效果完整实例

    本文实例讲述了JS实现的五级联动菜单效果.分享给大家供大家参考,具体如下: js实现多级联动的方法很多,这里给出一种5级联动的例子,其实可以扩展成N级联动,在做项目的时候碰到了这样一个问题但是有不能从数据库中动态的加载这些选项,所以只有想办法从单个的页面着手来处理了,应为项目的表单是动态产生的,所以需要每个流程的设计过程中需要有单独的页面来处理,这样就决定了不能改变已有的业务逻辑来实现多级表单的联动. 运行效果图如下: 完整代码如下: <html> <head> <title

  • jquery实现Ctrl+Enter提交表单的方法

    本文实例讲述了jquery实现Ctrl+Enter提交表单的方法.分享给大家供大家参考.具体如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Text Box Enter</title> <style type="

  • JS实现的radio图片选择按钮效果

    JS实现的radio图片选择按钮效果

    用JS实现的radio图片选择按钮效果.注意:input后面的空格.用到的图片: 用JS实现的radio图片选择按钮效果-我们 .lanrentuku img{border:1px solid #008800;} function myFun(sId) { var oImg = document.getElementsByTagName('img'); for (var i = 0; i 用JS实现的radio图片选择按钮效果. 注意:input后面的空格. 查找更多代码,请访问:我们 [Ctr

  • Ctrl + Enter提交前检测的代码

    QuickPost //提交检测 function SendForm() { with(document.forms[0]) { var nr = document.all.Content.value; //nr = nr.replace(/[\r\n]/g, ""); if(nr == '') { alert('请输入回复内容!'); document.all.Content.focus(); return false; } // 二个按扭失效 Send.disabled = tru

  • JS实现的类似微信聊天效果示例

    JS实现的类似微信聊天效果示例

    本文实例讲述了JS实现的类似微信聊天效果.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net JS仿微信聊天效果</title> <style> *{ margin:0; padding:0; } .box{ width: 250px;

  • 使用JS实现图片展示瀑布流效果(简单实例)

    不知大家有没有发现,一般的图片展示网站都会使用瀑布流效果,所谓的瀑布流 就是网站内的图片不会一下子全缓存出来,而是等你滚动到一定的距离的时候, 下面的图片才会继续缓存,并且图片也是随机出现的,只是宽度一样,高度并不 一样,高高低低就像瀑布一样,所以叫做瀑布流效果.下面我把代码给大家,大家 随便下几张图片试试. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu

随机推荐