夏日博客

A-A+

js实现Ctrl+Enter提交评论代码

2016年10月14日 前端设计 暂无评论 阅读 7 views 次

我们要实现Ctrl+Ente提交评论，实现方法其实很简单只需在输入评论内容的文本框中响应onkeydown事件即可了，下面我总结了几种常用的cms做法。

例1,代码如下:

  1. <script language=javascript>  
  2. ie = (document.all)? true:false  
  3. if (ie){  
  4. function ctlent(eventobject){if(event.ctrlKey && window.event.keyCode==13){this.document.form1.submit();}}  
  5. }  
  6. </script>  
  7.   
  8. <form action="add.php" method=POST name=form1>  
  9. <textarea cols=95 name=Content rows=12 wrap=virtual onkeydown=ctlent()>  
  10. Ctrl+Enter提交内容信息  
  11. </textarea>  
  12. <input type=Submit value="Submit" name=Submit>  
  13. </form>  

WordPress – Ctrl+Enter

控制面板→外观→编辑→comment.php，在这里面找到如下代码:

  1. <textarea name="comment" id="comment" cols="70%" rows="10" tabindex="4"></textarea>  

加上这段话：

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

最后就是这样：

  1. <textarea name="comment" id="comment" cols="70%" rows="10" tabindex="4" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"></textarea>  

即可。

emlog实现CTRL+ENTER提交评论

将代码插入到模版文件module.php中跟按钮相关代码后面:

  1. <script>  
  2. $(function() {  
  3.           $(document).keypress(function(e){  
  4.       if(e.ctrlKey && e.which == 13 || e.which == 10) {  
  5.       $("#commentform").submit();  
  6.       } else if (e.shiftKey && e.which==13 || e.which == 10) {  
  7.       $("#commentform").submit();  
  8.        }  
  9.       })  
  10.           });  
  11. </script>  

DEDECMS 添加Ctrl+Enter 提交评论

在模版article_article.html模版中,修改顶部,添加如下js代码：

  1. <script type="text/javascript">   
  2. function tijiao()   
  3. {   
  4. var ev = null;   
  5. if (window.event){   
  6. ev = window.event;   
  7. }   
  8. if (ev != null&&ev.ctrlKey&& ev.keyCode ==13)   
  9. {   
  10. checkSubmit();   
  11. }   
  12. }   
  13. </script>   
标签：

给我留言