我有一个网站,您可以在其中通过单击表格单元格进行内联编辑。单击并键入字符串后,需要按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);
});