WordPress中按Ctrl+Enter与回车提交留言
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 实现的方法很简单，只需几行javascript就能搞定了。那么我们也在WordPress加上这个快捷键吧：...
|
一、打开模板中的comments.php文件，查找到下面的内容：
| 代码如下 |
复制代码 |
|
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform" name="commentform">
<?php if ( $user_ID ) : ?>
|
如果你的form标签中没有name=”commentform”属性，那么请加上。
二、再往下拉一点，你可以看到类似的两行：
| 代码如下 |
复制代码 |
|
<p><textarea name="comment" id="comment" cols="55" rows="10" tabindex="4"></textarea></p>
<p><input type="submit" id="submit" tabindex="5" value="提交留言" /></p>
|
如果textarea标签上没有id属性，请按照上面的内容加上。如果在第二行中发现name=”submit”，将之删除。如果你发现还是不行，把id=”submit”改为id=”submitit”，这样肯定是可以了。
三、最后，在</form>的下面，添加下面的一段javascript代码后保存就行了
| 代码如下 |
复制代码 |
|
<script type="text/javascript><!--//--><![CDATA[//><!--
var commenttextarea = document.getElementById('comment');
commenttextarea.onkeydown = function quickSubmit(e) {
if (!e) var e = window.event;
if (e.ctrlKey && e.keyCode == 13){
document.getElementById('submit').click();
}
};
//--><!]]>
</script>
|
其它参考JQuery回车提交表单
| 代码如下 |
复制代码 |
|
$("body").bind('keyup',function(event) {
if(event.keyCode==13){
document.form.submit();
}
});
|
原理:为body添加keyup事件
不用jquery方式:
| 代码如下 |
复制代码 |
<body onkeyup="autosubmit()">//添加监听事件
function autosubmit(){//事件触发函数
if(event.keyCode==13){
document.form.submit();
}
} |
js实现方法
| 代码如下 |
复制代码 |
|
<form action=http://www.111cn.net method="post" name="myForm">
<input type="text" />
<input type="submit" value="提交" name="tijiao"><font color="#999999">按回车提交表单</font>
</form>
</body>
</html>
<script language="JavaScript" type="text/javascript">
document.onkeydown = function(evt){
var evt = window.event?window.event:evt;
if(evt.keyCode==13)
{
document.forms["myForm"].submit();
}
}
</script>
|
如果想防止enter提交表单做页面的时候，就是监听表单的onkeydown事件，加上onkeydown="if(event.keyCode == 13) return false;" 就OK了
|
