爲什麼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。但鉻抱怨

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