百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> 评论框增加Ctrl+Enter提交功能
分享文章到:

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

发布时间:01/15 来源: 浏览: 关键词:
我们在评论内容希望直接快速提交评论,下面我来介绍两种方法,一种按回车提交表单,一种按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();按下按钮

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有2人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板