2013-04-20 72 views
0

firefox我無法使用backspacea.tgt刪除我得到這個HTML無法刪除使用退格ň可編輯的div中的元素 - Jquery的

<div contenteditable="true"> Hey <a class="tgt" contenteditable="false">harry</a> great </div> 

。除Firefox外的所有其他瀏覽器中刪除

最新問題?

+0

你確定嗎?我已經在FF的最後一個版本中測試過,並且此代碼正在工作 – Ozerich 2013-04-20 22:02:18

+0

不,它不... ...! (至少對我來說) – sanchitkhanna26 2013-04-20 22:03:37

回答

1

這可能是一些有幫助的。我遇到了同樣的問題。

取而代之的是: <div contenteditable="true"> Hey <a class="tgt" contenteditable="false">harry</a> great </div>

你可以有這樣的: <div contenteditable="true"> Hey <a class="tgt" contenteditable="false">harry</a><span class="remove"></span> great </div>

您可以使用JavaScript(在這種情況下使用jQuery)來檢測卸下襬臂的缺失,並在刪除您不可編輯的div同時:

// you can wrap this in an if statement and only execute in firefox 
$('.remove').on("DOMNodeRemoved", function() { 
    $(this).prev(".tgt").remove(); 
}); 

希望這有助於!

+0

驚人而簡單)謝謝 – 2017-01-28 15:05:16

0

嘗試換<a> HTML到跨度標籤與屬性CONTENTEDITABLE =真

<div contenteditable="true"> Hey <a class="tgt" contenteditable="false"> <span contentEditable="true">harry</span></a> great</div>