1

いくつかのコンテンツを含む contenteditable 領域があるとします。

<div contenteditable="true">
    <p>first paragraph</p>
    <p>
        <img width='63' src='https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png'>
        <img width='63' src='https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png'>
    </p>
    <p>second paragraph</p>
</div>

左/右矢印キーでナビゲートを開始すると、キャレットはすべての子要素を移動し始めます。このgifアニメを見てください

問題は、キャレットに子要素を無視させる方法です。または一言で言えば: 単一の画像として内部の 2 つの画像の動作を行うには? jsfiddle

4

1 に答える 1

0

<p>2 つの画像を含む を、<div>コンテンツの編集をオフにしてに変更してみてください。

<div contenteditable="false">
    <img width='63' src='https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png'>
    <img width='63' src='https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png'>
</div>

デモ - http://jsfiddle.net/tfdMt/

于 2013-10-30T07:48:47.223 に答える