jQuery仅在不包含输入时才允许td doubleclick

t书

我具有用于表编辑的以下功能:

$(function () {
$("td").dblclick(function () {
    var OriginalContent = $(this).text();

    $(this).addClass("cellEditing");
    $(this).html("<input type="text" value="&quot; + OriginalContent + &quot;" />");
    $(this).children().first().focus();

    $(this).children().first().keypress(function (e) {
        if (e.which == 13) {
            var newContent = $(this).val();
            $(this).parent().text(newContent);
            $(this).parent().removeClass("cellEditing");
        }
    });

$(this).children().first().blur(function(){
    $(this).parent().text(OriginalContent);
    $(this).parent().removeClass("cellEditing");
});
});
});

像这样工作:http : //www.ssiddique.info/demo/editable-table-using-jquery

如果我双击td,则将输入添加到单元格,不幸的是,如果我在输入内部双击,也会触发doubleclick,从而导致输入为空。

如何防止第二次双击?还是仅在td不包含输入时才触发doubleclick?

谢谢,

本书

乔治

防止事件传播到DOM树中。类似于以下内容:

$(this).find('input').dblclick(function(e){
    e.stopPropagation(); 
});

JSFiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery仅在不包含输入时才允许td doubleclick

来自分类Dev

jQuery的doubleclick超时

来自分类Dev

jQuery将数据从click事件传递到doubleclick

来自分类Dev

如何在不阻止主线程的情况下运行代码(Google / Doubleclick Ads)

来自分类Dev

jQuery UI选项卡-在DoubleClick上重命名此选项卡

来自分类Dev

选择中的jQuery Doubleclick侦听器-IE无法正常工作

来自分类Dev

JS / jQuery-在doubleclick上添加文本框并更新表格字段

来自分类Dev

JS / jQuery-在doubleclick上添加文本框并更新表字段

来自分类Dev

将Doubleclick广告居中

来自分类Dev

Excel VBA DoubleClick

来自分类Dev

ObjectListView Doubleclick解释

来自分类Dev

MAPQuest禁用DoubleClick行为

来自分类Dev

延迟加载doubleclick广告与enableSingleRequest()

来自分类Dev

WPF中ListViewItem的DoubleClick事件

来自分类Dev

google doubleclick Studio。视频组件

来自分类Dev

Click,DoubleClick与MouseClick和MouseDoubleClick事件

来自分类Dev

Datefield中的Doubleclick事件-extjs 4.2.2

来自分类Dev

更改NetBeans“突出显示DoubleClick”文本背景

来自分类Dev

全日历日doubleclick回调

来自分类Dev

如何实现HTML5 DoubleClick ClickTag?

来自分类Dev

如何使用Svelte在doubleclick上使<div> contentEditable?

来自分类Dev

日期字段中的Doubleclick事件-extjs 4.2.2

来自分类Dev

Click,DoubleClick与MouseClick和MouseDoubleClick事件

来自分类Dev

检查事件(doubleClick)是否正在运行

来自分类Dev

PyQt treeview在doubleclick上编辑文本

来自分类Dev

Doubleclick侦听器是Vaadin网格

来自分类Dev

Excel VBA DoubleClick:用符号替换数字

来自分类Dev

MS-Word在doubleclick上运行宏

来自分类Dev

使用 Xamarin iOS 的 DoubleClick 原生模板广告

Related 相关文章

热门标签

归档