ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery に基づくマウス ドラッグ効果コード

jquery_jquery に基づくマウス ドラッグ効果コード

WBOY
リリース: 2016-05-16 17:53:03
オリジナル
1045 人が閲覧しました

以前の「レイヤーのドラッグ」に関するエッセイで、要素をドラッグできるかどうかを決定するためにブール変数を使用してドラッグを実装したことを思い出します。
過去 2 日間でいくつかのことを読んだ後、このブール変数を設定する必要がないことがわかりました。

実装プロセス:
マウスが押されたとき、ドキュメント オブジェクト (のもちろん他の DOM オブジェクトでも構いません) ハンドラー関数を移動イベントにバインドし、マウスが上がったときにリリース ハンドラー関数もバインドします。

コードをコピー コードは次のとおりです:

//マウスを押して移動したとき(ドラッグ) 、呼び出される関数;
function startSelection(event){
...
}

//移動をキャンセルするときの処理関数
function cancelSelection() {
$ (document).unbind('mousemove', startSelection).unbind('mouseup', cancelSelection);
}
//マウスが押されたときに呼び出される関数
function imgMouseDown(イベント){
$(document).mousemove(startSelection).mouseup(cancelSelection);
$img.bind("mousedown",imgMouseDown)

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート