javascript - ホバリング中にマウスボタンが押されているかどうかを確認しますか?

Question

ユーザーが Web サイトで操作するボックスのグリッドがあります。ボックスをクリックすると、色が変わります。非常に多くのボックスがあり、面倒なことを減らしたいので、マウス ボタンが押された状態でボックスにカーソルを合わせると、状態が変化する機能があればいいのにと思います。何かご意見は？

Answer 1

buttonsホバーコールバックに渡されたイベントのプロパティを使用して、イベントがトリガーされたときに押されたマウスボタンを確認できます。

たとえば、要素がマウスで入力されたときに左ボタンが押されたかどうかを検出するには、次を使用できます。

myElement.addEventListener("mouseover", function(e){
    if(e.buttons == 1 || e.buttons == 3){
        //do some stuff
    }
})

これがこのアイデアのデモンストレーションです：http：//jsfiddle.net/Ah6pw/

マウスの左ボタンを押したまま、マウスをさまざまなリスト項目に移動します。

Answer 2

似たようなものを見つけました。あるスペースのオブジェクトをクリックしてから、ほとんど操作しません。 http://mrdoob.github.com/three.js/examples/canvas_interactive_cubes.html（コードへのインスピレーションを探してください）

また、これらのリンクはあなたに役立つかもしれません

• jQueryはマウスオーバー時にマウスダウンします
• マウスの左ボタンの押下を検出する
• http://unixpapa.com/js/mouse.html

Answer 3

onmousedownとonmouseupのイベントをご覧ください。