javascript - 为什么这个 jQuery 事件监听器不起作用？

Question

我正在尝试在 jQuery 中设置一个事件监听器，但似乎无法让它工作。任何关于我做错了什么的提示/提示将不胜感激。这是代码:

<script>
$('.send').on('click', function() {
    console.log('message sent');
    var text = $('.draft').val();
    Chat.send(text); 
});
</script>
<input class="draft" type="text"/> <button class="send">Send</button>

-编辑-

当我说它不起作用时，我的意思是事件处理程序似乎没有运行(当我点击发送按钮时控制台没有显示任何内容)。

Answer 1

在您的 HTML 中您输入了

<input class="draft" type="text"/>

在 jQuery 中，你做错了 text();

 var text = $('.draft').text();

应该是val();

 var text = $('.draft').val();

Fiddle

编辑:

准备好脚本 DOM

//jQuery Library Always comes FIRST
<script>
$(document).ready(function() {
    $('.send').on('click', function() {
        console.log('message sent');
        var text = $('.draft').val();
        Chat.send(text); 
    });
});
</script>

<input class="draft" type="text"/>
<button class="send">Send</button>