私は画像クロッパーを開発していますが、次の質問をしたいと思います: 画像の左ボタンを押したままにすると、デフォルトのドラッグ アンド ドロップ アクションを防ぐために、マウスを動かしてみませんか?画像を div ボックスの背景として使用するだけの場合、クロスブラウザーになりますか?
そのように：
<div id="theDiv" style="background:url(pic.png) no-repeat;"></div>
あなたはどのように思いますか？それは受け入れられますか？醜すぎない？それともJSでやるべきですか？
私も同じことをします。あなたがクロスブラウザでやりたいことをする他の方法は（私が知る限り）ありません。
フレームワークを使用していますか？それらのそれぞれに、単純にfalseを返すことができる信頼できる「ドラッグスタート」実装がありませんか？私が間違っている場合は私を訂正してください。
より論理的な方法で独自のマウスイベントを設定できます。ブラウザごとにコードを書く必要はありません。このイベントハンドラーを使用して、トリミングフレームを設定することもできます。
しかし、これほど拡張する予定がない場合は、アプローチはより単純です。
たとえば、これは純粋な JavaScript で書かれたシンプルで高速な画像クロッパーです。ドラッグ開始の検出には mousedown を、ドラッグ終了の検出には mouseup を使用します。ドラッグ中は、document.onmousemoveイベントをリッスンします。
画像を div ボックスの背景として使用するだけならクロスブラウザではないでしょうか?
はい、しかし、あなたはまだドラッグを開始しています。テキストが含まれているページの一部にポインターを移動すると、テキストを選択することになりますが、これはおそらく望ましくないでしょう。
私はに固執しますx.ondragstart=x.onmousedown= function() { return false; };。