問題タブ [onmouseup]

大きな赤いボタンがあり、javascript を使用して次のことを実行しようとしています。

1. OnMouseDown ボタンが押されたように見えるように画像を変更する
2. OnMouseUp は最初の画像に戻り、非表示の div を表示します

onMouse Down と onMouseUp の画像変更部分を機能させることができます。

OnClick を使用して非表示の div を表示することもできます

問題は、すべてを連携させることができないことです。

どうすればいいですか？

ところで、私はそれが明らかだと確信していますが、私はjavascriptにかなり慣れていないので、あなたの助けに感謝します

私の目標は、次のことを行う YUI アニメーション ユーティリティでアニメーションを作成することです。

1. ユーザーがボタンをクリックします。要素が点 A から点 B に移動し始める
2. ユーザーがカーソルをボタンから離すか移動します。要素は停止し、現在の位置にとどまります。
3. ユーザーがもう一度ボタンをクリックします。要素は、現在の位置からポイント B に向かってアニメーション化されます。

YUI でこれを行う方法がわかりません。すべての例は、クリックすると設定されたアニメーション シーケンスを発生させるボタンを示しています (開始と停止はありません)。

YUIでこれを行うにはどうすればよいですか?

Ylebreの答えはうまくいきました！完全な動作コードは次のとおりです。

私はjQueryに比較的慣れていないので、初歩的な質問をしていたら申し訳ありませんが、イベントのトリガーに問題があります。現在、ユーザーが表示ウィンドウ (固定 div) 内の任意の方向に画像をパンできる、一種の画像パンニング ツールを設計しようとしています。マウスを押し下げると、関数はいくつかの計算を実行し始め、マウスを動かすと、値を

ここで、両方が新しく計算された位置です。

この時点までは機能しますが、mousemoveイベントからのリリースに問題があります。最初のマウスダウンとマウス移動の後、マウスアップでパンを解除できないようで、ユーザーはクリックせずに画像をパンできます。

基本的なスケルトンは次の#testとおりです (表示 div を参照)。

いろいろな場所でイベントをつけてみたのmouseupですが、どこがいいのか、どうやってリリースすればいいのかよくわかりません。どんな助けでも大歓迎です！

例がなくてすみません。

ただし、スクロールボックス（左右にスクロール）を作成しています.mouseDown関数を2つの画像にバインドしています（これらはボックスのスクロールに使用されます）。関数は「scrollLeft()」と「scrollRight()」です。

これらの機能は計画どおりに機能します (ボックスを左右に移動します)。ただし、mouseUp イベントに問題があります。マウスを画像の上に置いてマウスを離すと、スクロールイベントがキャンセルされ、スクロールが停止します。

ただし、マウスを画像から離してマウスアップすると、スクローラーは機能し続けます。

私はjqueryを使用しており、さまざまなことを試しました

これもうまくいきません。マウスアップがトリガーされるたびに「間隔」間隔を殺したい。

助言がありますか？

リンク ブロックがクリックされたときの背景色の変化をシミュレートするために、次の HTML と以下の Java スクリプトがありますが、機能していないようです。何か理由は？

onmousedown イベントのみを処理した場合、背景色は確実に青に変更されます。しかし、onmousedown と onmouseup の両方が処理された場合、視覚的には何も変わりません。

コンテンツを ajax していますが、関数イベントに変数を渡せない理由がわかりません。

..各ループ内のどこか

DOMのさまざまな部分を選択するためにsizzleを使用しています。

私のコードは以下の通りです。問題は、ユーザーがページを操作したときではなく、ページが読み込まれたときにonmouseupイベントがトリガーされることです。

誰かがこれがなぜであるか説明できますか？

ありがとう。

要求に応じたHTML：

要素から mouseup イベントのバインドを解除しようとしています。私は以下を試しましたが、どれも機能していません。

$('#myElm').mouseup(function({...}); を使用して割り当てられたイベントのバインドを解除するにはどうすればよいですか? ???

編集：完全なコードを追加する

cacheBgArea が実際に定義されていることを確認しました。はい、アンバインドが呼び出される前にイベントがバインドされます。これがアンバインドです。(log は console.log(); の省略形です)

ファイルのリストがあり、各ファイルをクリックすると、画像のプレビューが表示されます。私は書き込みコードを持っていると思いますが、（）に何が入るのかわかりません

クリックしてこれを実行したい

ねえ、信じられないほど単純な JavaScript の問題がもう 1 つあります。リンクをクリックすると表示される div があります。それは問題なく、正常に動作しています。次に、マウスがページのどこかでクリックされたときに div を非表示にする必要があります。繰り返しますが、FF、Chrome、Safari、Opera では問題ありませんが、IE では問題ありません。

ここにコードがあります

私はテーマで多くのバリエーションを試しましたが、これまでのところどれも機能していません。アラートを出すだけの機能を持っていても、IEではまったく機能しません。そして、私はアイデアを使い果たしています！

どんな助けでも非常に高く評価されます。乾杯。