如何在不按回车键的情况下使我的内联编辑自动发送


How do i make my inline edit to send automatically without pressing enter?

我有一个网站,您可以在其中通过单击表格单元格进行内联编辑。单击并键入字符串后,需要按enter键才能更新数据。我的问题是,我想在不按回车键的情况下自动发送数据。我应该在这个事件中使用什么关键事件?按键?如何删除回车键事件?

 $('td.edit').keydown(function(event){
            arr = $(this).attr('class').split( " " );
            if(event.which == 13)
            { 
                        $.ajax({type: "POST",
                        url: "../../controller/inline.php",
                        data: "value="+$('.ajax input').val()+"&rownum="+arr[2]+"&field="+arr[1]+"&ids="+'<?php echo isset($_POST['frmID'])?$_POST['frmID']:$_GET['id']; ?>'+"&dFrom="+'<?php echo isset($_POST['frmDateFrom']) ? $_POST['frmDateFrom']:date('n'/j'/Y', strtotime("-15 days")); ?>'+"&dTo="+'<?php echo isset($_POST['frmDateTo'])?$_POST['frmDateTo']:date('n'/j'/Y'); ?>',
                        success: function(data){
                            $('.ajax').html($('.ajax input').val());
                            $('.ajax').removeClass('ajax');
                                            }});

            }
});

嗯,我也经历过同样的情况。

你真的需要自动保存吗?

简单的解决方案可能是"focusout()"或"onBlur()"。

但风险太大了。

这意味着只有一次点击失误或按键失误触发保存事件。

如果您有多个列要输入某些内容。

不要那样做。

但只需单列,请尝试"onBlur()"或"focusout()"

我会等待你明智的解决方案3

我相信onBlur事件就是您想要的
http://api.jquery.com/blur/

您可以做的(尽管我不建议这样做)是使用setTimeout来保存数据。这样,用户可以继续键入而不保存,但一旦他停止键入一秒钟左右,就会保存数据。

看看这里的例子(http://jsfiddle.net/G2LxD):

 var timer; 
 $('input').keyup(function() {
      if (timer !== null) {
         clearTimeout(timer);
         timer = null;
      }
      timer = setTimeout(function() {
          $.ajax({
              type: "POST",
              url: "../../controller/inline.php",
              data: "[your-data]",
              success: function(data){
                  $('.ajax').html($('.ajax input').val());
                  $('.ajax').removeClass('ajax');
              }
          });
      }, 1000);
  });