<html>
<head>
<script>
var result;
var pass1;
var pass2;
var pass3;
var exceptions;

    function blurIt() {
        pass1 = true;
        pass2 = true;
        pass3 = false;
        exceptions = "";
        try {
            document.getElementById('mydiv').focus();
            document.getElementById('mydiv').blur();
        } catch(e) {
            exceptions += "Exception: " + e + "\n";
            pass1 = false;
        }
        
        try {
            document.getElementById('result').blur();
        } catch(e) {
            exceptions += "Exception: " + e + "\n";
            pass2 = false;
        }
        
        if (pass1 && pass2 && pass3) {
            result = "Test Passed.";
        } else {
            result = "Test Failed.";
        }
        
        document.getElementById('result').innerHTML = result;
        document.getElementById('exc').innerHTML = exceptions;
    }
</script>
</head>
<body onload="blurIt()">
This test will try to call blur() on a contenteditable div, and then a normal div.
<div id="mydiv" onblur="pass3 = true;" style="border-style:solid" contenteditable>contentEditable div</div>
<div id="result"></div>
<div id="exc"></div>
</body>
</html>