javascript - キャンバス要素がイベントをバインドできないのはなぜですか?

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