javascript - 为什么canvas元素不能绑定事件？

Question

这是代码：

$('#insert_text').click(function(){
 var drawing_plate= $("#Drawing_Plate")[0];
 context = drawing_plate.getContext('2d');
 drawing_plate.bind('touchstart',insert_the_text);
});

我选择画布元素，将其分配给drawing_plate。但是铬抱怨说

Uncaught TypeError: Object #<HTMLCanvasElement> has no method 'bind

但是drawing_plate确实是一个jQuery对象，为什么它不拥有方法： .bind()...？

更新：请给出解释。

Answer 1

您正在尝试调用仅对带有 DOM 对象的 jQuery 对象可用的方法。Convert DOM object to jQuery object before calling jQuery object function.

改变

 drawing_plate.bind('touchstart',insert_the_text);

到

 $(drawing_plate).bind('touchstart',insert_the_text);