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

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

12
onKeyPress中に入力テキストボックスのテキストを取得するにはどうすればよいですか？
ユーザーが入力したテキストボックス（jsfiddle playground）でテキストを取得しようとしています。 function edValueKeyPress() { var edValue = document.getElementById("edValue"); var s = edValue.value; var lblValue = document.getElementById("lblValue"); lblValue.innerText = "The text box contains: " + s; //var s = $("#edValue").val(); //$("#lblValue").text(s); } <input id="edValue" type="text" onKeyPress="edValueKeyPress()"><br> <span id="lblValue">The text box contains: </span> コードスニペットを実行する結果を非表示スニペットを展開 ボックスの値が常に変更前の値であることを除いて、コードはエラーなしで実行されinput textます。onKeyPress 質問：テキストボックスのテキストを取得するにはどうすればよいonKeyPressですか？ ボーナスチャター HTMLDOMには「ユーザーが入力しています」に関連する3つのイベントがあります。 onKeyDown onKeyPress …
11
ブラウザの認証ダイアログを抑制するにはどうすればよいですか？
私のWebアプリケーションには、AJAX呼び出しを介して認証資格情報を送信するログインページがあります。ユーザーが正しいユーザー名とパスワードを入力すれば、すべて問題ありませんが、そうでない場合は、次のようになります。 Webサーバーは、要求に整形式のAuthorizationヘッダーが含まれていても、ヘッダー内の資格情報が正常に認証されていないと判断します。 Webサーバーは401ステータスコードを返し、サポートされている認証タイプを一覧表示する1つ以上のWWW-Authenticateヘッダーを含みます。 ブラウザは、XMLHttpRequestオブジェクトに対する私の呼び出しへの応答が401であり、応答にWWW-Authenticateヘッダーが含まれていることを検出します。次に、ユーザー名とパスワードの入力を求める認証ダイアログが表示されます。 これは、ステップ3まではすべて問題ありません。ダイアログをポップアップさせたくないので、AJAXコールバック関数で401応答を処理したいと思います。（たとえば、ログインページにエラーメッセージを表示することによって。）もちろん、ユーザーにユーザー名とパスワードを再入力してもらいたいのですが、ブラウザーの醜いデフォルトではなく、フレンドリーで安心できるログインフォームを表示してもらいたいです。認証ダイアログ。 ちなみに、私はサーバーを制御できないため、カスタムステータスコード（つまり、401以外のもの）を返すようにすることはできません。 認証ダイアログを非表示にする方法はありますか？特に、Firefox 2以降で[認証が必要]ダイアログを非表示にできますか？IE 6以降で[[ホスト]に接続]ダイアログを抑制する方法はありますか？ 著者からの追加情報の編集（9月18日）： ブラウザーの認証ダイアログがポップアップする際の本当の問題は、ユーザーに十分な情報が提供されないことです。 ユーザーは、ログインページのフォームからユーザー名とパスワードを入力したばかりで、両方を正しく入力したと考えており、送信ボタンをクリックするか、Enterキーを押しました。彼の期待は、次のページに移動するか、情報を間違って入力したため、再試行する必要があると言われることです。ただし、代わりに予期しないダイアログボックスが表示されます。 ダイアログには、彼はただ事実の確認になりませんでしたユーザ名とパスワードを入力します。問題があったこと、そして彼が再試行する必要があることを明確に述べていません。代わりに、ダイアログボックスは、「サイトは次のように言っています： ' [レルム] ' 」のような不可解な情報をユーザーに表示します。ここで、[レルム]は、プログラマーだけが愛することができる短いレルム名です。 Webブラウザーの設計者は注意します。ダイアログ自体が単によりユーザーフレンドリーである場合、認証ダイアログを抑制する方法を誰も尋ねません。全体私がログインフォームをしていた理由は、私たちの製品管理チームは間違いなくブラウザの認証ダイアログがひどいことを考慮することです。
4
画像をBase64に変換
<input type="file" id="asd"/> base64で画像を取得したいユーザーが選択したら（フォームを送信する前に） 何かのようなもの ： $(input).on('change',function(){ var data = $(this).val().base64file(); // it is not a plugin is just an example alert(data); }); File APIやその他のものについて読みましたが、シンプルでクロスブラウザなソリューションが欲しいです（IE6 / IE7は明らかに除外されています） どんな助けでも感謝します。
9
jQueryをローカルでホストすることの利点と落とし穴[クローズ]
クローズ。この質問はもっと焦点を合わせる必要があります。現在、回答を受け付けていません。 この質問を改善したいですか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てるようにします。 昨年休業。 この質問を改善する 現在、Google CDNからjQueryおよびjQueryUI（およびjQueryUI CSS）ライブラリを取得しています。呼び出すことができgoogle.load("jquery", "1"); 、最新のjQuery 1.xxが使用されるため、これが好きです。 今、私はセキュリティのためにライブラリをローカルにプルすることになっています。 私はそれらをローカルに引っ張って喜んでいますが、他に注意すべき利点と落とし穴のいくつかは何ですか？
24
Chromeのファイル入力から「ファイルが選択されていません」ツールチップを削除するにはどうすればよいですか？
Google Chromeのファイル入力から「ファイルが選択されていません」ツールチップを削除したいのですが（Firefoxにツールチップが表示されないようです）。 入力フィールド内のテキストではなく、マウスを入力の上に移動したときに表示されるツールチップについて話していることに注意してください。 私は運がなくてこれを試しました： $('#myFileInput').attr('title', '');
7
ピンチを検出する最も簡単な方法
これは、ネイティブアプリではなくWEBアプリです。Objective-CNSコマンドは使用しないでください。 そのため、iOSで「ピンチ」イベントを検出する必要があります。問題は、ジェスチャまたはマルチタッチイベントを実行するために私が目にするすべてのプラグインまたはメソッドであり、（通常は）jQueryを使用しており、太陽の下でのすべてのジェスチャに対する完全な追加プラグインです。私のアプリケーションは巨大で、コードのデッドウッドに非常に敏感です。必要なのはピンチを検出することだけです。jGestureのようなものを使用することは、私の単純なニーズを肥大化させる方法です。 さらに、ピンチを手動で検出する方法についての理解は限られています。両方の指の位置を取得できますが、これを検出するためのミックスを正しく取得できないようです。誰かがピンチを検出するだけの簡単なスニペットを持っていますか？
5
型付き変数のTypescript空オブジェクト
私が持っていると言う： type User = { ... } 新しいuserオブジェクトを作成したいのですが、空のオブジェクトに設定します。 const user: User = {}; // This fails saying property XX is missing const user: User = {} as any; // This works but I don't want to use any どうすればよいですか？変数をにしたくありませんnull。
12
レンダリングされたHTMLのdiffアルゴリズムを持っている人はいますか？[閉まっている]
閉まっている。この質問は、StackOverflowのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善したいですか？質問を更新して、スタックオーバーフローのトピックになります。 5年前に閉鎖されました。 この質問を改善する 2つのHTMLページのdiffを並べてレンダリングするための、おそらくJavascriptでの優れたdiffアルゴリズムを確認することに興味があります。アイデアは、差分がレンダリングされたHTMLの違いを示すということです。 明確にするために、レンダリングされた出力として差分を並べて表示できるようにしたいと思います。したがって、段落を削除すると、並べて表示すると、物事を正しく配置することができます。 @Josh正確に。削除されたテキストが赤か何かで表示されるかもしれませんが。HTMLコンテンツにWYSIWYGエディターを使用する場合、差分を作成するためにHTMLに切り替える必要はありません。2人のWYSIWYGエディターを並べてやりたいと思います。または、少なくともエンドユーザーにとって使いやすい問題で差分を並べて表示します。
85 javascript  html  diff 
7
Javascriptでは、このアンダースコアはどういう意味ですか？
var Gallery = Backbone.Controller.extend({ _index: null, _photos: null, _album :null, _subalbums:null, _subphotos:null, _data:null, _photosview:null, _currentsub:null, routes: { "": "index", "subalbum/:id": "subindex", "subalbum/:id/" : "directphoto", "subalbum/:id/:num" : "hashphoto" }, initialize: function(options) { var ws = this; if (this._index === null){ $.ajax({ url: 'data/album1.json', dataType: 'json', data: {}, success: function(data) { ws._data …
9
mousemoveでキャンバスからピクセルカラーを取得
マウスの下でRGB値のピクセルを取得することは可能ですか？これの完全な例はありますか？これが私がこれまでに持っているものです： function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { mouseX = e.offsetX; mouseY = e.offsetY; } else if(e.layerX) { mouseX = e.layerX; mouseY = e.layerY; } var c …
2
要素を削除する前にイベントリスナーを削除する必要がありますか？
イベントリスナーがバインドされている子を持つ親要素がある場合、親をクリアする前にそれらのイベントリスナーを削除する必要がありますか？（つまりparent.innerHTML = '';）要素がDOMから削除された場合に、イベントリスナーが要素からバインド解除されていない場合、メモリリークが発生する可能性がありますか？
2
TypeScriptでwindow.locationを設定する
次のTypeScriptコードでエラーが発生します。 ///<reference path='../../../Shared/typescript/jquery.d.ts' /> ///<reference path='../../../Shared/typescript/jqueryStatic.d.ts' /> function accessControls(action: Action) { $('#logoutLink') .click(function () { var $link = $(this); window.location = $link.attr('data-href'); }); } 次の場合、下線付きの赤いエラーが発生します。 $link.attr('data-href'); メッセージには次のように書かれています。 Cannot convert 'string' to 'Location': Type 'String' is missing property 'reload' from type 'Location' これが何を意味するのか誰か知っていますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.