keypress
イベントをにバインドしたいcontenteditable
<label>
。これは Firefox では期待どおりに機能しますが、Chrome ではバインドされた関数は<label>
. <div>
これは、Chrome と Firefox の両方で機能することに注意してください。
Pretty JS Fiddle、raw JS JS Fiddle、以下の関連コード:
<label contenteditable>LABEL: This is some content in a label</label>
<div contenteditable id="div">DIV: This is some content in a div</div>
<div id="message">press key</div>
<script>
$(function() {
var eventDetails = function(event) {
$('#message').html(event.type + ' event fired - ' + event.target.tagName);
};
$('label, #div').bind('keypress', eventDetails);
$('label, #div').bind('click', eventDetails);
});
</script>