Question

  <div class="title-area">
        <h3><span class="editAttributeInput" id="Name" contenteditable="true" ><%= Name %></span></h3>
    </div>

我想点击它来编辑这个标题。这很好用。但是当我点击这个元素的右边时，我触发了满足感。我不希望这样。

我不想在元素上设置宽度，因为我希望可编辑字段只与内部单词一样大（没有固定大小）。在.title区域设置宽度也无济于事。

有人知道怎么做吗？

Answer 1

我已经尝试过你的例子而且它有效。（点击其他元素不会触发可信的）fiddle

以下是jquery的解决方案。（可能有帮助）

<div class="title-area">
    <h3>
        <span tabindex="999" class="editAttributeInput" id="Name">name</span>
    </h3>
</div>

'tabindex =“999”'用于聚焦和模糊工作。

$('#Name').focus(function (e) {
    $(this).attr('contenteditable', true);
});
$('#Name').blur(function (e) {
    $(this).removeAttr('contenteditable');
});

html / css单击时对跨度有限制

1 个答案: