当前时间:Saturday 2018年06月23日 欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

当前位置: 首页 >> javascript >> 正文

如何给wordpress添加Ctrl+Enter回复快捷键

如何给wordpress添加Ctrl+Enter回复快捷键?

我觉得这个不是必要的,但是对于一些经常聊QQ的人来说可能会更方便些,所以随大众,也给加上了。

但是找了几个添加的方法,总是有问题,后来才发现,关键点在于要button指定一个id=submit否则的话,js是捕捉不到id的。

具体的在comment.php里添加代码:

内容如下:

方法一:

1.首先是在模版的comments.php 底部加一段JS代码

<script type=”text/javascript”>

document.getElementById(“comment”).onkeydown = function (moz_ev)

{

var ev = null;

if (window.event){

ev = window.event;

}else{

ev = moz_ev;

}

if (ev != null && ev.ctrlKey && ev.keyCode == 13)

{

document.getElementById(“submit”).click();

}

}

</script>

。最后是找到这段,并修改:

<input name=”提交” type=”submit” id=”submit” tabindex=”5″ value=”提交Ctrl+Enter” />

方法二:

在 comments.php 中找到以下代码:

<TEXTAREA id=comment tabIndex=4 rows=10 cols=105 jQuery1250561977609="48"></TEXTAREA>

修改为:

<TEXTAREA id=comment onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};" tabIndex=4 rows=10 cols=105></TEXTAREA>

总结:相比来说,第二种方法更简单,却实现了相同的效果。

需要注意的是:这里的id一定要和js里的id值一样不然无法处理。

作者:夜阑小雨
原文链接:如何给wordpress添加Ctrl+Enter回复快捷键
夜阑小雨版权所有,转载本网站文章时请保留此信息。

收藏和分享: 转贴到开心网 转贴到校内网 分享到 Twitter Delicious 分享到 Google Reader 分享到 百度收藏 分享到 QQ收藏

所在分类:javascript

评论信息

5 条评论 发表评论
  1. 学习了,回去试试

  2. Just want to say what a great blog you got here!
    I’ve been around for quite a lot of time, but finally decided to show my appreciation of your work!

    Thumbs up, and keep it going!

    Cheers
    Christian,Earn Free Vouchers / Cash

  3. Just want to say what a great blog you got here!
    I’ve been around for quite a lot of time, but finally decided to show my appreciation of your work!

    Thumbs up, and keep it going!

    Cheers
    Christian,Diet Guide!

  4. Just want to say what a great blog you got here!
    I’ve been around for quite a lot of time, but finally decided to show my appreciation of your work!

    Thumbs up, and keep it going!

    Cheers
    Christian, iwspo.net

发布评论

您必须登录才能发表评论。

网站客户端下载