为评论添加 Ctrl + Enter 提交 (无需jQuery.js)

简爱代码>JavaScript2013-6-18 22:2965370

具体使用方法是在评论内容填写的 文本输入框添加 onkeydown 事件,具体代码如下:

<form>
  <textarea name="comment" class="textarea" cols="100" rows="7" tabindex="4" onkeydown="if(event.ctrlKey && window.event.keyCode == 13) {document.getElementById('submit').click();return false;}; if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false;};" >
</textarea>
  <input type="submit" id="submit" value="提交 Ctrl + Enter" />
</form>

其中getElementById('submit')submit为评论提交按钮 ID 没有知己添加即可

来源 EM 模板Metro

当然下面还有自己写的 需要 jQuery 的万能适应版本
// 修改 评论提交按钮文字
$('form [type=submit]').val('发表评论 Ctrl+Enter');

// 为 评论内容输入框键盘事件绑定函数
$('form textarea').on('keydown', function(e){
  if(e.ctrlKey && e.keyCode == 13)
    $(this).parents('form:first').find('[type=submit]').click();
});




本文出自简爱博客,转载时请注明出处及相应链接。

    发表评论

    电子邮件地址不会被公开。必填项已用*标注