网站地图    收藏   

主页 > 前端 > javascript >

评论框增加Ctrl+Enter提交功能

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 我们在评论内容希望直接快速提交评论,下面我来介绍两种方法,一种按回车提交表单,一种按Ctrl+Enter提交表单的方法。...

写完评论之后不能按Ctrl+回车提交,非要拿鼠标点一下,实在是痛苦的事情,不知道打消了多少懒人留言的积极性。
想给你的评论框添加这个功能么,那么就开始吧:

打开主题中comments.php文件,按Ctrl+F搜索“textarea”,然后在他的后面加上以下代码:

 代码如下 复制代码

onkeydown="if(event.ctrlKey&&event.keyCode==13)
{document.getElementById('submit').click();return false};"

把上面代码加到你的表单中如

<input />等等属性中了


如果我按回车提交就直接把上面修改一下

 代码如下 复制代码

onkeydown="if(event.keyCode==13)
{document.getElementById('submit').click();return false};"

保存提交,然后就有这个功能了,经我自己测试了,基本上市面上的浏览器都可以很好的支持,爽吗?


如果你是使用jquery 更简单了

 代码如下 复制代码

$("body").bind('keyup',function(event) {
if(event.keyCode==13){
document.form.submit();
}  
});


$(‘body’) 是表明焦点在哪里的时候 Ctrl + Eenter 提交表单才有用
.keypress()是绑定按键按下事件
if(e.ctrlKey && e.which == 13 || e.which == 10)这句很简单,就是检测你是不是按下了 Ctrl 和回车(e.which == 13大键盘区回车 、e.which == 10 小键盘区回车 )
$(‘#submit’).click();按下按钮

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论