Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<div id=start contentEditable style="border: 1px dashed; margin-bottom: 20px">Start typing composition here.</div>
<div id=end contentEditable style="border: 1px dashed;">Focus is moved here on composition start.</div>
<script>
function logger(e) { console.log(e.type + ' on ' + e.target.id); }
  
function logAndChangeFocus(e) {
  logger(e);
  end.focus();
}
start.addEventListener('compositionstart', logAndChangeFocus); 
start.addEventListener('compositionupdate', logger); 
start.addEventListener('compositionend', logger); 
end.addEventListener('compositionstart', logger); 
end.addEventListener('compositionupdate', logger); 
end.addEventListener('compositionend', logger); 
</script>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers