2017-01-31 14 views
10

ben içerik düzenlenebilir özelliği ile birden açıklıklı böyle, doğruya ayarlanmış:Çoklu contentEditable, ok tuşlarıyla yayılma alanının sonuna Carret hareket edemez

<span contentEditable='true'> value</span><span contentEditable='true'> value</span><span contentEditable='true'> value</span> 

https://jsfiddle.net/du7g39cz/

Sorun olduğumda olmasıdır span öğesinin etrafında gezinmek için ok tuşlarını kullanarak, taret son sembolü ulaştığında bulanıklık olayı çağrılırken bireysel yayılma alanının sonuna erişemiyorum.

Bu davranışı MS Edge dışındaki tüm tarayıcılarda yeniden üretebilirim.

Sadece tek bir içeriği düzenlenebilir ebeveyni tutmak istemediğime dikkat etmeliyim, zira kullanıcının tamamen paragrafı silmesine izin vermesi, kullanıcının her seferinde yalnızca bir kelimeyi düzenlemesine izin vermektir.

cevap

2

Bir tarayıcı hatası gibi görünüyor.

span[contentEditable] { padding: 1px; } 

https://jsfiddle.net/jimbo2150/du7g39cz/2/

: Sadece açıklıklı için dolgu herhangi bir miktar ekleyerek bu sorunu çözmek için görünüyor, ancak benim için Firefox'ta oluyor