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

Question

以下是代码：

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

我选择canvas元素，将其指定给drawing_plate。但Chromium抱怨说

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);