問題タブ [preventdefault]

iPadでスクロールを無効にするCSSアプローチに興味があります。入力タイプの範囲を使用してスライダーを作成していますが、iPad の残りの部分でのスクロールを防止して、体の固定位置を維持したいと考えています。

誰もが絶対確実な方法を持っていますか?

私のサイトには、次のコードがページをリロードするのを防ぐ必要がある JS があります (AJAX を使用してページの一部を更新するため) が、IE では常にページがリロードされます。他のすべてのブラウザは問題ありません。

JSは、別のスレッドで与えられています-

まだページをリロードしているリンク (#attachment-bodyコンテナ内にあります) -

レンダリングすると、これは上記によって生成されたコードのブロックです -

preventDefault()サイトの他の領域で使用するのと同じように IE で動作するため、コードの何かが正しくないとしか思えません。

ありがとう。

開始したばかりの新しいプロジェクト用に jQuery 1.7 をダウンロードしました。

ドキュメントを読んだ後、.on() が .live() を置き換えるようになりました。ドキュメントからの引用：

jQuery 1.7 以降、.on() メソッドは、イベント ハンドラーをアタッチするために必要なすべての機能を提供します。古い jQuery イベント メソッドに相当するものについては、.bind()、.delegate()、および .live() を参照してください。

だから私がやろうとしていることは非常に簡単です。もちろん、古い方法を使用する次のjQueryがあります。

これは問題なく機能します。つまり、アンカーのデフォルトの動作が防止されます。私がこれを使用する場合：

アンカーのデフォルトの動作は妨げられず、クリックすると別のページが読み込まれます。ここで露骨に間違ったことをしていますか、それとも .on() を誤解していますか?

2 つの送信イベントをバインドし、2 つ目のイベントを防止しようとしています。

例：

これが例ですhttp://jsfiddle.net/da3aB/

シングルトン パターンを使用してフォーム処理スクリプトを作成しています...

すべてのコードを投稿したくはありませんが、最初の方法では preventDefault を使用します。

preventDafault は、フォームをハイジャックしてサーバー側の処理を停止するという、本来あるべきことを行います。

次に、検証ルールを作成しました...すべての検証ルールが渡された場合、次のメソッドで終了します。

つまり、エラーがない場合、サーバー側のスクリプトがフォームを処理し、アイテムがデータベースに追加されます (画像に問題があるため、AJAX を使用していません)。

ただし、ここでは return true が機能しません...理由はわかりませんが、非常に単純な理由があると確信しています

次のスニペットがあります: http://jsfiddle.net/L7rne/5/およびhttp://jsfiddle.net/L7rne/6/

クリック イベント ハンドラでスクリプトの実行を一時停止すると、チェックボックスがあっても、チェックボックスがオンになることがわかりましたevent.preventDefault()。

Firefox 7 と Chrome 15 でこれを試しましたが、どちらも同じように動作します。

私はそれが正しい動作であるとほぼ確信していますが、どういうわけかそのような理由を参照することはできません.

誰かが私を正しい方向に向けることができますか?

編集：

チェックされたチェックボックスから始めると、さらに興味深いものになります: http://jsfiddle.net/L7rne/8/ - チェックボックスはオフになりますが、その値はチェックされたままですhttp://jsfiddle.net/L7rne/9/ -チェックボックスはチェックされませんが、その値はfalseになります

checkbox.checked(これは、 andを使用した純粋な Javascript コードと一致するcheckbox.getAttribute('checked')ため、別の jsfiddle スニペットは貼り付けません)

EDIT2：

コメントの 1 つで COBOLdinosaur が私にこれを指摘しました: http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-cancelation、しかし私見は私の見解を確認するだけです...

href を含む div があります。div には jQuery ライブ クリック イベントがあります。

div には、href があります。

また、ライブ クリック イベントの場合:

私が達成しようとしているのは、divをクリックするとdiv idが場所としてロードされ、div内のリンクをクリックすると、divのクリック動作が防止されます。

div から href を取り出すことができることはわかっていますが、それはしたくありません ;-)

preventDefault(); を削除しようとしています。ダイアログが閉じられたとき。

これはキャッチ 22 です。解決方法がわかりません。私たちがホストしているこの HTML5 ゲームを見てみましょう:

http://www.scirra.com/arcade/action/93/8-bits-runner - 警告音あり！

ページは でホストされていますが、セキュリティ上の理由からscirra.com、ゲームは iframe にあります。static1.scirra.net

ゲームのプレイ中に左右上下を押すと、ウィンドウ全体が上下左右にスクロールします。ゲームがフォーカスされていない場合、防止のデフォルトは問題なく機能するようです。もちろん、ゲームをプレイするときは、このデフォルト アクションを防止したいと考えています。したがって、次のコードを使用します。

これを親ページと iframe ページに配置します。iframe にフォーカスがある場合、左右がブロックされているように見えますが、そうではありませんup and down。

ページのスクロールを停止し、ゲームの下のコメント ボックスにコメントを入力できるようにする方法を考えてくれる人はいますか? スペースバーをブロックすると、テキストにスペースを追加できなくなります!