Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5キャンバスでマウスイベントがトリガーされていませんか?それを解決する方法は?


マウスイベントをトリガーするために、追加できます-

-webkit-transform: translate3d(0, 0, 0)

このキャンバスに加えて、スタイルを設定することもできます。

もう1つの方法は、mousemoveイベントにリスナーを追加することです。

canvas.addEventListener("mousemove", this.checkMouseLocation.bind(this, this.inputs), false);

このリスナーを追加することで、HTML5でマウス移動イベントを簡単にトリガーできます。


  1. 押したままのマウスの左ボタンにTkinterイベントをバインドするにはどうすればよいですか?

    Tkinterイベントをマウスの左ボタンを押したままにバインドするには、次の手順を実行できます- tkinterフレームのインスタンスを作成します。 win.geometryを使用してフレームのサイズを設定します メソッド。 イベントハンドラーを定義するhandler1 左ボタンを押したままマウスを動かしたときにステートメントを印刷します。 別のイベントハンドラーを定義するhandler2 マウスボタンを離したときにステートメントを印刷します。 bindメソッドを使用してをバインドします handler1 。 もう一度bindメソッドを使用して、 をバ

  2. マウスでTkinterキャンバスを移動する方法は?

    Tkinter Canvasウィジェットは、Tkinterライブラリの用途の広いウィジェットの1つです。さまざまな形状、画像、アニメーションオブジェクトを作成するために使用されます。 move()を使用して、Canvasウィジェットで画像を特定の方向に移動できます メソッド。 画像と座標をmove(Image、x、y)メソッドのパラメーターとして定義して、Canvas内のオブジェクトを移動します。位置を移動または変更するために、画像をグローバルに宣言します。 これらの手順に従って、画像をキャンバス内で移動できるようにすることができます。 まず、Canvasウィジェットを定義し、それ