問題タブ [preventdefault]

LI アイテムをクリックすると左にスライドする順序付けられていないリストを含む div があります。

問題は、リスト項目をクリックすると、div が左にスライドし、マウス カーソルの下にスライドすると、すべてのリスト項目でロールオーバー アニメーションがトリガーされることです。

アイテムのオンクリックでJavaScriptを無効にする方法はありますか?

私はこれを試しました：

しかし、ホバー時にアニメーションがまだ他のリスト項目で継続しているため、それは機能していないようです?

クラス'editable'の要素のクリックにeven.preventDefault（）が適用されたjQuery関数があります。

ただし、Gmailがメールを送信するためにswebインターフェースを開くことを妨げているわけではありません。これは、デフォルトのメール動作が設定されていないシステム（私が主にテストしていたもの）で動作します。Outlookまたは実際のメールアプリケーションでいつ実行されるかはわかりません。

これに対する回避策はありますか？

編集：私もevent.stopPropagation（）;で試しました。しかし、それはまだ進行中です。

チェックボックス入力のクリックイベントにバインドする場合、イベントハンドラーが実行されるまでにチェックボックスは既に切り替えられており、さらに奇妙なことに、event.preventDefault（）を指定すると、イベントハンドラーの実行後に切り替えが逆になります。

[クロームとFirefoxでテスト済み]

そのコードのJSFiddle

アラートは「true」（またはチェックボックスのプリクリックの反対の状態）で応答します。アラートを閉じると、チェックボックスが元に戻ります。

だから、質問は、

防止されている実際のデフォルトイベントは何ですか？状態が変更される前にイベントハンドラーが実行されていると想定するのは間違っていますか？チェックボックスのクリックを合法的に傍受する方法はありますか？

そして、なぜ世界でpreventDefaultがチェックボックスの再切り替えを引き起こしているのですか？

http://api.jquery.com/event.preventDefault/

「このメソッドが呼び出された場合、イベントのデフォルトのアクションはトリガーされません。」

「デフォルトのアクション」とは、サンプルコードで観察した限り、ハイパーリンクをクリックしたときに別のページからユーザーをリダイレクトすることを意味します。

この機能の他の用途はありますか？

フォームとどのように相互作用しますか？

Ctrl-w、Ctrl-t、Ctrl-nがデフォルトの機能を実行しないようにする必要があります。ユーザーの権利を削除することは嫌われていることは知っていますが、判断を下す前に私に聞いてください。

event.preventDefault（）は、pなどのキーの少ないコンボでのみ機能しますが、n、t、およびwは、 javascriptキャプチャブラウザーのショートカット（ctrl + t / n / w）に従って、クライアント側のjavascriptの影響を受けません。

私は3〜12歳の子供向けの教育用クラウドソフトウェアを作成しています。ChromeのKisokモードを使用して、子供たちの混乱を制限しています。私は問題のコンピューターを完全に制御できます。Chromeの隠しオプション/拡張機能/Windowsのトリック/コンピュータを「キオスク」ではなく実際にキオスクにするために使用できるものはありますか？

また、 Aceを使用してクラウドコードエディターを作成していて、emacsキーバインディングを使用したいのですが、行を下がろうとすると新しいウィンドウを開き続けます。

明確化を編集：それが仕様だったという理由だけでChromeです/私たちはシステムを制御しますが、誰かがff / o/ieについて考えているならそれは役に立ちます

私は再び jQuery を使って大騒ぎしていますが、今回は .click() の呼び出しではうまくいきません。

アイデアは、ui-hint-confirm でタグ付けされた要素を探して確認ダイアログを表示するシングルトン クラスを持つことです。ユーザーが [OK] をクリックすると元の要素がクリックされ、それ以外の場合はダイアログが単に閉じられます。しかし、コードは 1000 語以上の単語を表すことができるため、次のようになります。

ロード時に ui-hint-confirm 要素を探すことに加えて、setConfirm 関数を使用して手動で呼び出すこともできます。

上記のコードの問題は、 $(this).click() 内で何も起こらないことです。デバッガー (Chrome) とアラートを介してその行に到達することを確認しました。

$(this). unbind('click', onClick) と $(this). unbind('click') も試しましたが、違いはありませんでした。コンソールに記録されるエラーはありません。

何か案は？ありがとう。

更新: 要求に応じて、これが機能する html 要素のサンプルを追加します。

通常のリンクで作業する必要があります:

jsのみのリンクで作業する必要があります:

送信ボタンで作業する必要があります:

いくつかのスクリプトが既に添付されていると言ったリンクで作業する必要があります。

この最後の例では、警告メッセージの前にダイアログを表示する必要があります。

ExtJS (現在は Sencha と呼ばれています) で問題なく動作する同様のものがありますが、jQuery で動作させることはできません。

ありがとう

これをもう一度更新します。IE の一部のバージョンでのみ失敗します。jsコードの最後の行にあるものです。"$($nextlink).trigger('クリック');" IE の一部のバージョンでは処理できないこと... すべての IE バージョンで動作することを確認する回避策を実行することは可能ですか?

これがJavaScriptです...

HTML:

したがって、基本的に2つの質問：

1. 一部の IE バージョンでマウス クリックがシミュレートされないのはなぜですか?

2. Firefox で動作しないのはなぜですか? (event.preventdefault に問題がありましたが、firefox では機能しませんでしたが、現在は修正されています。以下を参照してください)

http://jgriph.seで完全な例を参照してください。

jQTouchアプリケーションのリンクがhrefのページをロードしないようにしようとしています。私のコードの非常に単純化されたバージョンは次のとおりです

[検索]リンクをクリックすると、アラートボックスが表示されますが、ページは引き続き読み込まれます。

私は何かが足りないのですか？

ユーザーが指で上下にスクロールできるコンポーネントを含むWebベースのアプリケーションがあります。イベントのpreventDefaultメソッドを使用して、iOSデバイスでタッチ移動によって画面全体が移動するデフォルトの動作を防止します。

残念ながら、これは私が今朝アップグレードしたばかりのiOS5ではもう機能しないようです。これはiOS5では別の方法で行われると想定する必要がありますが、手順を提供するリソースをまだ見つけることができていません。

更新＃1：特定の質問に対する答えを見つけることができませんでしたが、-webkit-overflow-scrollingスタイルを使用するようにコードを少し調整し（「タッチ」の値に設定）、洗練された慣性スクロール機能を実装することができました（スワイプの速度に応じてコンテンツがより速くスクロールし、境界に達すると「ラバーバンドが跳ね返る」場所です。見た目はかなりかっこいいです...

更新＃2：私は今別の奇妙な問題を抱えています。オーバーフロースクロールの動作が混同されることがあるという奇妙な理由により、コンテンツを上下に移動するには、含まれている要素を指で左右にドラッグする必要があります。私はまだこれが起こる理由を理解することができません-誰かが何かアイデアを持っていますか？

重複の可能性：
キーストロークをjQueryに置き換えるにはどうすればよいですか？

JavaScriptで押されたキーのデフォルト文字を変更する方法はありますか？誰かが「E」ボタンを押すと、代わりにapが出力され、これはライブであるため、テキストエリアに入力されているようになります。とにかく、jQueryまたはそのようなものでこれを行うには？Thnaks！