1

I have an HTML file like 

<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>

when ever i am moving out of the EditBox, for example clicking on Bold or Italic Button, i want to get an event. Ideally, the Focus Change has to be notified.

4

2 回答 2

2

可能是在寻找onblur事件div

当元素失去焦点时会引发模糊事件。

<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

请选中此项以处理粗体、斜体、下划线、Linethrough

<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 演示：- JS 演示的链接

于 2013-05-28T06:53:05.517 回答