1

次のようなHTMLファイルがあります

<html>
    <head>
        <script>
            function fontEdit(x, z, y) {
                document.execCommand(x, y, z);
            }
        </script>
    </head>
    <body>
        <input type="submit" value="Bold"   onClick="fontEdit('Bold')" />
        <input type="submit" value="Italic" onClick="fontEdit('Italic')" />
        <input type="submit" value="Underline" onClick="fontEdit('Underline')" />
        <input type="submit" value="StrikeThrough" onClick="fontEdit('StrikeThrough')" />
        <div id="EditBox" contentEditable="true" style="width: 600px; height: 200px; border: solid 1px red"></div>
    </body>
</html>

たとえば、太字または斜体のボタンをクリックするなど、EditBox から移動するときはいつでも、イベントを取得したいと考えています。理想的には、Focus Change を通知する必要があります。

4

2 に答える 2

2

のonblurイベントを探しているかもしれませんdiv

要素がフォーカスを失うと、blur イベントが発生します。

<div id="EditBox" contentEditable="true" style="width: 600px; height: 200px; border: solid 1px red" onblur="myFun();"></div>

JS

function myFun()
{
    alert('you are out of the box.');
}

JS フィドルのデモ

于 2013-05-28T06:44:40.617 に答える
0

ボールド、イタリック、アンダーライン、ラインスルーを処理するには、これをチェックしてください

<input type="submit" value="Bold"   onClick="EditBox.style.fontWeight = 'bold'" />
<input type="submit" value="Italic" onClick="EditBox.style.fontStyle = 'italic'" />
<input type="submit" value="Underline" onClick="EditBox.style.textDecoration = 'underline'" />
<input type="submit" value="StrikeThrough" onClick="EditBox.style.textDecoration = 'line-through'" />
<div id="EditBox" contentEditable="true" style="width: 600px; height: 200px; border: solid 1px red"></div>

JS DEMO:- JS DEMOへのリンク

于 2013-05-28T06:53:05.517 に答える