Javascript “更改”不像“单击”那样工作

所以我有一个网页，看起来像这样开始，基本上

<div id="videonotes_container">

    <div id="videonotes_information">
        <div id="videonotes_name">Name</div>
        <div id="videonotes_points">100 points etc</div>

        <div id="videonotes_instructions">
            Instructions
        </div>

        **<div id="videonotes_quicklinks">
            <!-- this is where the quick links to the past comments go. -->
        </div>**
    </div>

    <div id="videonotes_video">
        <div id="videonotes_video_player"></div>
        <div id="videonotes_video_player_overlay"></div>    
    </div>

    <div id="videonotes_controls">
        <div id="videonotes_start" class="videonotes_videocontrol">-></div>
        <div id="videonotes_pause" class="videonotes_videocontrol">::</div>
        <div id="videonotes_stop" class="videonotes_videocontrol">STOP</div>
        <div id="videonotes_back30" class="videonotes_videocontrol">RW30</div>
        <div id="videonotes_forward30" class="videonotes_videocontrol">FF30</div>
    </div>

</div>

然而，这不起作用。我尝试过$document和我能想到的所有其他父级、预加载的div，但它仍然没有触发那个特定事件。我创建这个监听器的方式与其他监听器的方式没有区别，所有的点击都很好，但是更改没有

---

我是否误解了更改元素的工作原理？

div标记不支持更改事件，您可以获取触发更改事件的输入列表

改为keyup，现在它工作得很好-尽管不得不停止它总是更新数据库：谢谢！较好的再次感谢你。

function videonotes_addNote(user_note_id, time, note, rating, feedback) {
// add a new div...
var html_fb = "";
var html_hl = "";

html_hl += "<div class=\"videonotes_note_time\">"+time.toFixed(0)+"</div>";
html_hl += "<div class=\"videonotes_note_note\" data-id=\""+user_note_id+"\" contenteditable>"+note+"</div>";
html_hl += "<div class=\"videonotes_note_comments\">"+rating+"</div>";

// iterate over the feedback and add it into the program.
feedback.forEach(function(value) {          
    html_fb += "<div class=\"videonotes_note_feedback_note\"><span class=\"videonotes_note_feedback_intro\">"+value.username+" ("+value.timestamp+") said</span> "+value.feedback+"</div>";
    html_fb += "<div class=\"videonotes_note_feedback_useful\" data-id=\""+value.noteid+"\">";
        html_fb += "<div class=\"videonotes_note_feedback_useful_yes videonotes_note_feedback_useful_button\">ACC</div>";
        html_fb += "<div class=\"videonotes_note_feedback_useful_no videonotes_note_feedback_useful_button\">NAC</div>";
    html_fb += "</div>";
});

// create a new note on the notes box...
var new_note = $('<div/>', { 'class':'videonotes_note' }).appendTo('#videonotes_quicklinks');

// add the headline to the div...
$('<div/>', { 'class':'videonotes_note_headline',  'html': html_hl, 'click':function(){ videonotes_clickNote(this, time); },}).appendTo(new_note);

// and add the feedback
$('<div/>', { 'class': 'videonotes_note_feedback', 'html': html_fb }).appendTo(new_note);
}

    $('#videonotes_container').on("change", '.videonotes_note_note', function() { videonotes_update_note($(this).data('id'), $(this).value()); })