Question

我正使用我的页面中的 10 个注释框。按钮完美运作, 但现在我想添加功能, 当我按下输入按钮时, 文本自动提交。

如何在不更改很多代码的情况下添加此函数。我用“ 点击上” 活动约束了 bsubsub 类。 (有 10 个批注框 )

    <div class="addcomment" style="display: block; ">
<input class="commentadd" type="text" name="comment" value="Enter Comment" onfocus="if(this.value== Enter Comment )this.value=  ;">
<button class="bsubmit" type="button">Submit</button></div>

花花花花花花花花花花花

 $(document).ready(function() {

$(function() {
$(".bsubmit").live("click", function() {
var id = $(this).parent().parent().attr("id");
var comm= document.getElementById(id).getElementsByClassName("commentadd")[0].value;


  $.ajax({
   type: "POST",
   url: "comment.php",
.
.
.

Answer 1

$( body ).on( keyup , input.commentadd , function(e) {
  // e.which is monitoring the key pressed 
  // and 13 is code for enter key
  if(e.which == 13 && $.trim(this.value).length) {
    $(this).next(".bsubmit").click(); // triggering click event on button
  }
});

http://jsfidd.net/FrAw8/7, rel=“notfollow” >DEMO

友情链接