Text selection and click event

crbug.com/334599

by int32_t

HTML

<div id=outer>
    <div id=inner contenteditable=true>
        foo bar
    </div>
</div>
<pre id="console"></pre>

CSS

#outer {
    background-color: lime;
    padding: 20px;
}
#inner {
    border: 1px solid #a9a9a9;
    background-color: white;
}

JavaScript

function log(str) {
    var c = document.getElementById('console');
    c.innerHTML += str + '\n';
}
function onClick(e) {
    log('click: ' + e.target + '#' + e.target.id);
}
document.addEventListener('click', onClick, false);
document.getElementById('outer').addEventListener('click', function() {
    document.getElementById('inner').focus();
}, false);