一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

WordPress实现按Ctrl+Enter与回车提交留言

时间:2022-06-25 18:42:31 编辑:袖梨 来源:一聚教程网

实现的方法很简单,只需几行javascript就能搞定了。那么我们也在WordPress加上这个快捷键吧:
一、打开模板中的comments.php文件,查找到下面的内容,代码如下:


如果你的form标签中没有name=”commentform”属性,那么请加上。
二、再往下拉一点,你可以看到类似的两行,代码如下:

textarea name="comment" id="comment" cols="55" rows="10" tabindex="4">


如果textarea标签上没有id属性,请按照上面的内容加上,如果在第二行中发现name=”submit”,将之删除,如果你发现还是不行,把id=”submit”改为id=”submitit”,这样肯定是可以了.

三、最后,在form的下面,添加下面的一段javascript代码后保存就行了,代码如下:

if(event.keyCode==13){
document.form.submit();
}
});

原理:为body添加keyup事件
不用jquery方式,代码如下:

//添加监听事件
function autosubmit(){//事件触发函数
if(event.keyCode==13){
document.form.submit();
}

}

js实现方法,代码如下:



按回车提交表单


热门栏目