2

興味深いグリッチ。CSS を使用してカーソルのスタイルを設定しようとすると (十字カーソルを非表示にしたり使用したりするなど)、onmousedownイベントを起動すると、カーソルがテキスト カーソルに変更されます。

これに気付いた実験のコードスニペットを次に示します。

mouse=[[0,0],false];
snap_mouse_by=10;
canvas.onmousedown=function(evt){
    var X=evt.clientX,Y=evt.clientY;
    mouse[0]=[X-X%snap_mouse_by,Y%Y-snap_mouse_by];
    //set mouse coordinates
    mouse[1]=true;
    //set mouse is down to true
}

これに伴い、自己実行機能が実行され、マウス座標とマウスが押されているかどうかがチェックされます。このデータに基づいて、ボックスを描画します。

もちろん、マウス ボタンを押すと、カーソルのスタイルは何もせずにテキストになります。

この質問に答える必要はありません。答えは以下にあります。

4

1 に答える 1

2

CSS が間違っているかどうか、または文書化されたバグがあるかどうかを確認するために、簡単な Google 検索を行いました。

何も見つかりませんでしたが、かなり明白なアイデアが浮かびました。

canvas.onmousedown=function(evt){
    ...
    evt.preventDefault();
    return false;
}

それが CSS の不一致の原因となっているブラウザー機能であるかどうかをテストしたところ、魅力的に機能し、カーソルのスタイルを完全に制御できるようになりました。

誰かが興味を持っている場合は、ここにリンクがあります。

他の誰かがこの不具合に遭遇した場合に備えて、これを共有したいと思いました.

于 2013-01-12T18:40:17.640 に答える