タグ付けされた質問 「javascript」

ECMAScript（JavaScript / JS）とそのさまざまな方言/実装（ActionScriptを除く）でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

12
ios8のSafariは、固定要素がフォーカスを取得すると画面をスクロールします
IOS8 Safariでは、位置が修正された新しいバグがあります。 固定パネル内のテキストエリアにフォーカスすると、Safariがページの一番下までスクロールします。 これは、ページを一番下までスクロールして場所を失うことなくテキストエリアにテキストを入力する方法がないため、あらゆる種類のUIを操作することを不可能にします。 このバグをきれいに回避する方法はありますか？ #a { height: 10000px; background: linear-gradient(red, blue); } #b { position: fixed; bottom: 20px; left: 10%; width: 100%; height: 300px; } textarea { width: 80%; height: 300px; } <html> <body> <div id="a"></div> <div id="b"><textarea></textarea></div> </body> </html>
96 javascript  ios  css  safari  ios8 
1
Ruby on Rails、Webpack、React JSを使用してChromeでソースマップを1行オフ
inline-source-mapChrome devtoolsデバッガーを使用すると、構成設定を使用してWebpackによって生成されたソースマップが1行ずれるという問題があります。Ruby on Railsアプリケーション内にWebpackがセットアップされ、数十のモジュールで構成される連結された非縮小JavaScriptファイルが生成されます。これらのモジュールのほとんどはReactJSコンポーネントであり、jsxローダーによって解析されます。Webpackからの出力は、application.jsgemsによって生成された他のJavaScriptライブラリとともにファイルに含まれます。 使用してeval-source-mapも問題ありません。の使用に関する何かがinline-source-map原因で、行番号が1つ破棄されます。 ReactコンポーネントではないJavaScriptの検査でもこの問題があるため、jsxの使用に関連しているとは思いません。
6
フォームのリダイレクトを防ぐか、送信時に更新しますか？
たくさんのページを検索しましたが、問題が見つからないため、投稿する必要がありました。 送信ボタンのあるフォームがあり、送信したときに更新またはリダイレクトしないようにしたい。jQueryに機能を実行させたいだけです。 これがフォームです： <form id="contactForm"> <fieldset> <label for="Name">Name</label> <input id="contactName" type="text" /> </fieldset> <fieldset> <label for="Email">Email</label> <input id="contactEmail" type="text" /> </fieldset> <fieldset class="noHeight"> <textarea id="contactMessage" cols="20"></textarea> <input id="contactSend" class="submit" type="submit" onclick="sendContactForm()" /> </fieldset> </form> <small id="messageSent">Your message has been sent.</small> そしてここにjQueryがあります： function sendContactForm(){ $("#messageSent").slideDown("slow"); setTimeout('$("#messageSent").slideUp();$("#contactForm").slideUp("slow")', 2000); } フォームのアクション要素を使用して、または使用せずに試しましたが、何が問題なのかわかりません。私をもっと苛立たせているのは、それを完全に行う例があるということです： 例ページ 私の問題をライブでご覧になりたい場合は、stormink.net（私のサイト）にアクセスし、サイドバーに「Send …
4
React.jsのsetStateとreplaceState
私はReact.jsライブラリーを初めて使用し、いくつかのチュートリアルを検討していたところ、次のように遭遇しました。 this.setState this.replaceState 指定された説明はあまり明確ではありません（IMO）。 setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. 同様に、 The replaceState() method is for when you want to clear out the values already in state, and add new ones. 私はthis.setState({data: someArray});それに続いてthis.replaceState({test: someArray});console.log を試しましたが、state今はとの両方dataを持っていることがわかりましたtest。 その後、私が試したthis.setState({data: someArray});が続きthis.setState({test: …
2
JavaScriptオブジェクトをHTML要素に添付する良い方法はありますか？
JavaScriptオブジェクトをHTML要素に関連付けたいのですが。これを行う簡単な方法はありますか？ HTML DOMがsetAttributeメソッドを定義していることに気づき、これは任意の属性名に対して定義されているように見えます。ただし、これは文字列値のみを設定できます。（もちろん、これを使用してキーを辞書に格納できます。） 詳細（私は主に一般的な質問に興味があります）： 具体的には、ツリー内のノードを表すHTML要素があり、ドラッグアンドドロップを有効にしようとしていますが、jQueryドロップイベントでは、ドラッグアンドドロップされる要素しか表示されません。 イベントハンドラーに情報を取得するための通常のパターンは、JavaScriptオブジェクトの作成と同時にHTML要素を作成し、これらのJavaScriptオブジェクトを閉じることによってイベントハンドラーを定義することですが、これではうまくいきません。ケース（ドラッグの開始時に入力されるグローバルオブジェクトを使用できますが、これは少し厄介に感じられます）。
96 javascript  dom 
11
iPhoneで向きを変更したときにWebアプリのスケール/ズームをリセットするにはどうすればよいですか？
アプリをポートレートモードで起動すると、問題なく動作します。次に、回転して横向きにし、拡大します。横向きモードで正しくスケーリングするには、何かを2回ダブルタップする必要があります。最初にズームイン（通常のダブルタップ動作）し、もう一度ズームアウト（もう一度、通常のダブルタップ動作）します。 。ズームアウトすると、横向きモードの正しい新しいスケールにズームアウトします。 ポートレートに戻すと、より一貫して機能するようです。つまり、方向を縦に戻したときにスケールが正しくなるようにズームを処理します。 これがバグかどうかを確認しようとしていますか？またはこれがJavaScriptで修正できるものであれば？ ビューポートメタコンテンツを使用して、初期スケールを1.0に設定し、最小スケールまたは最大スケールを設定していません（または設定しません）。幅をdevice-widthに設定しています。 何か案は？多くの人が解決策を用意してくれるのはありがたいことだと思います。解決策が根強いからです。
7
JavaScriptでJSON文字列を作成する方法は？
window.onload = function(){ var obj = '{ "name" : "Raj", "age" : 32, "married" : false }'; var val = eval('(' + obj + ')'); alert( "name : " + val.name + "\n" + "age : " + val.age + "\n" + "married : " + val.married ); } このようなコードで、私はただ遊ぶためにJSON文字列を作成しようとしています。これはエラーをスローしますが、結婚した名前、年齢、結婚をすべて1行（2行目）に入力すると、失敗します。どうしたの？
96 javascript  json 
7
JavaScriptネスト関数
私は私が理解していないjavascriptのコードを取得しました： function dmy(d) { function pad2(n) { return (n < 10) ? '0' + n : n; } return pad2(d.getUTCDate()) + '/' + pad2(d.getUTCMonth() + 1) + '/' + d.getUTCFullYear(); } function outerFunc(base) { var punc = "!"; //inner function function returnString(ext) { return base + ext + punc; } …
2
フォーカスされたコンテンツ編集可能なプレの周囲の境界線を削除するにはどうすればよいですか？
pre要素をcontenteditableに設定して編集のためにフォーカスを置くと、その周りに点線の境界線が表示され、見栄えがよくありません。フォーカスがどこかにあるとき、境界線はそこにありません。 その境界線を削除するにはどうすればよいですか？ ありがとう
6
javascript / browserでのjquery ajax応答のキャッシュ
javascript / browserでajax応答のキャッシュを有効にしたいと思います。 jquery.ajax docsから： デフォルトでは、リクエストは常に発行されますが、ブラウザはキャッシュから結果を提供する場合があります。キャッシュされた結果の使用を禁止するには、キャッシュをfalseに設定します。アセットが最後のリクエスト以降に変更されていない場合にリクエストが失敗を報告するようにするには、ifModifiedをtrueに設定します。 ただし、これらのアドレス強制キャッシュはどちらも行われません。 動機：$.ajax({...})いくつかの関数が同じURLを要求する初期化関数 に呼び出しを入れたいです。これらの初期化関数の1つを呼び出す必要がある場合もあれば、いくつかを呼び出す場合もあります。 そのため、特定のURLが既に読み込まれている場合は、サーバーへの要求を最小限に抑えたいと思います。 私は自分のソリューションをロールバックすることもできますが（少し難しいですが）、これを行うための標準的な方法があるかどうか知りたいです。
23
HTMLフォームへのテキストの貼り付けを無効にする
JavaScriptを使用して、HTMLフォームのテキストフィールドにテキストを貼り付ける機能を無効にする方法はありますか？ たとえば、ユーザーがメールを2回入力する必要がある単純な登録フォームがあります。2番目の電子メールエントリは、最初の電子メールエントリにタイプミスがないことを確認するためのものです。ただし、ユーザーがメールをコピー/貼り付けすると目的が達成されず、ユーザーが間違ったメールを入力してコピー/貼り付けしたために問題が発生しています。 多分私は私の質問をはっきりしていませんでしたが、私は人々が彼らのブラウザでテキストをコピーする（または選択をドラッグする）ことを防ぐことを試みていません。ユーザーのエラーを最小限に抑えるために、入力をテキストフィールドに貼り付けないようにするだけです。 おそらく、この「ハック」を使用する代わりに、ここで解決しようとしている問題の中心的な問題に対する別の解決策を提案できますか？私は半ダース未満のユーザーテストを実行しましたが、これはすでに2回発生しています。私の聴衆は、高度なコンピュータ能力を持っていません。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.