為什么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);