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

テキストボックスがたくさんあるページがあります。誰かがリンクをクリックしたときに、カーソルのある場所に単語を1つまたは2つ挿入するか、フォーカスがあるテキストボックスに追加します。 たとえば、カーソル/フォーカスが「apple」というテキストボックス上にあり、「[email]」というリンクをクリックした場合、テキストボックスに「apple bob@example.com」と言ってもらいます。 これどうやってするの？ラジオ/ドロップダウン/非テキストボックス要素にフォーカスがある場合はどうなりますか？最後にテキストボックスに焦点を当てたものを覚えられますか？

167 javascript  jquery 

innerHTMLを使用せずにコンテナー要素にHTMLを追加する方法が必要です。innerHTMLを使用したくない理由は、次のように使用しているためです。 element.innerHTML += htmldata 古いHTMLと新しいHTMLを追加する前に、まずすべてのHTMLを置き換えることで機能します。埋め込みフラッシュビデオなどの動的メディアをリセットするため、これは良くありません... 私はこのようにそれを行うことができました： var e = document.createElement('span'); e.innerHTML = htmldata; element.appendChild(e); ただし、その方法の問題は、ドキュメントに余分なスパンタグが存在することです。 これをどのように行うことができますか？ありがとう！

167 javascript  html  innerhtml 

次のJavaScriptコードには、ドル$記号（）があります。どういう意味ですか？ $(window).bind('load', function() { $('img.protect').protectImage(); });

167 javascript 

サーバーが常にHTMLのUTCで日付を提供し、クライアントサイトのJavaScriptがそれをユーザーのローカルタイムゾーンに変換するようにします。 ユーザーのロケールの日付形式で出力できる場合のボーナス。

167 javascript  datetime  timezone 

このコードで： function baz() { var x = "foo"; function bar() { debugger; }; bar(); } baz(); 私はこの予期しない結果を得ます： コードを変更すると： function baz() { var x = "foo"; function bar() { x; debugger; }; bar(); } 私は期待される結果を得ます： また、eval内部関数内で呼び出しがある場合は、必要に応じて変数にアクセスできます（何に渡すかは関係ありませんeval）。 一方、Firefox開発ツールは、両方の状況で予想される動作を提供します。 デバッガーがFirefoxよりも便利に動作しないのは、Chromeでどうなっていますか。私はこの動作をしばらくの間、バージョン41.0.2272.43ベータ（64ビット）まで観察しました。 ChromeのJavaScriptエンジンは、可能な場合に関数を「フラット化」するのでしょうか。 私は第二の可変追加すると面白いされ、内側の関数で参照し、x変数はまだ定義されていません。 対話型デバッガーを使用する場合、スコープと変数の定義に癖があることがよくありますが、言語仕様に基づいて、これらの癖に対する「最善の」解決策があるはずだと私は思います。だから私はこれがFirefoxよりもさらに最適化されているChromeによるものかどうか非常に興味があります。また、これらの最適化は開発中に簡単に無効にできるかどうか（開発ツールが開いているときに無効にする必要があるかもしれませんか？） また、ブレークポイントとdebuggerステートメントでこれを再現できます。

167 javascript  google-chrome  google-chrome-devtools 

jqueryプラグインのgitリポジトリを探しています。自分のプロジェクトで使用するためにいくつかの変更を加えたいのですが、リポジトリを開いたときに、これまでにない構造がありました。どのファイルを使用するか、自分のプロジェクトにコピーするかわかりません。 「dist」と「src」フォルダがあります。これらはどのような目的に役立ちますか？これはgruntjsまたはおそらくjqueryプラグインに固有のものですか？ 私が興味を持っているgitリポジトリ：https : //github.com/ducksboard/gridster.js

167 javascript  jquery  jquery-plugins  gruntjs 

どうやら、これは私が思っていたよりも見つけるのが難しいです。そしてそれはとても簡単です... JavaScriptに組み込まれたPHPのhtmlspecialcharsに相当する関数はありますか？それを自分で実装するのはかなり簡単ですが、組み込み関数を使用できる場合はそれを使用する方が優れています。 PHPに慣れていない人のために、はhtmlspecialcharsは次のようなものを翻訳<htmltag/>へ<htmltag/> 私はそれを知ってescape()おり、encodeURI()このように動作しません。

167 javascript  html  escaping  html-encode 

ストレートJavaScriptを使用して動的にロードされた文字列を切り捨てたいのですが。これはURLなので、スペースはありません。単語の境界は気にせず、文字のみです。 ここに私が得たものがあります： var pathname = document.referrer; //wont work if accessing file:// paths document.getElementById("foo").innerHTML = "<a href='" + pathname +"'>" + pathname +"</a>"

167 javascript  truncate 

配列内の一意の値のリストを取得するにはどうすればよいですか？常に2番目の配列を使用する必要がありますか、それともJavaScriptのjavaのハッシュマップに似たものがありますか？ JavaScriptとjQueryのみを使用します。追加のライブラリは使用できません。

167 javascript  jquery 

このコードは、異なるブラウザーでも常に機能します。 function fooCheck() { alert(internalFoo()); // We are using internalFoo() here... return internalFoo(); // And here, even though it has not been defined... function internalFoo() { return true; } //...until here! } fooCheck(); しかし、なぜそれが機能するのかについての単一の参照を見つけることができませんでした。John Resigのプレゼンテーションノートでこれを最初に見ましたが、言及されただけです。そのことについてはそこやどこにも説明はありません。 誰かが私を啓発してくれませんか？

167 javascript  function 

新しいES 6（ハーモニー）は新しい Setオブジェクトがます。Setで使用されるIDアルゴリズムは===演算子に似ているため、オブジェクトの比較にはあまり適していません。 var set = new Set(); set.add({a:1}); set.add({a:1}); console.log([...set.values()]); // Array [ Object, Object ] 深いオブジェクト比較を行うためにSetオブジェクトの等価性をカスタマイズする方法は？Javaのようなものはありますかequals(Object)か？

167 javascript  set  ecmascript-harmony 

次のような配列を並べ替えて再配置することは可能ですか？ itemsArray = [ ['Anne', 'a'], ['Bob', 'b'], ['Henry', 'b'], ['Andrew', 'd'], ['Jason', 'c'], ['Thomas', 'b'] ] この配列の配置に合わせるには： sortingArr = [ 'b', 'c', 'b', 'b', 'a', 'd' ] 残念ながら、追跡するIDがありません。sortingArrにできるだけ一致させるには、items-arrayを優先する必要があります。 更新： これが私が探している出力です： itemsArray = [ ['Bob', 'b'], ['Jason', 'c'], ['Henry', 'b'], ['Thomas', 'b'] ['Anne', 'a'], ['Andrew', 'd'], ] これをどのように行うことができますか？

167 javascript 

フォームを受け取ってクエリパラメータを返すJavascriptに組み込みのものがあるかどうか疑問に思っています。例： "var1=value&var2=value2&arr[]=foo&arr[]=bar..." 私はこれを何年もの間考えていました。

167 javascript  string  forms  get 

寸法が非常に大きくなる画像があり、縦横比を維持したまま、つまり同じアスペクト比を維持しながら、jQueryで縮小したい。 誰かが私にいくつかのコードを指摘したり、ロジックを説明したりできますか？

167 javascript  jquery  image  resize 

関数more()はObservablegetリクエストからを返すことになっています export class Collection{ public more = (): Observable<Response> => { if (this.hasMore()) { return this.fetch(); } else{ // return empty observable } } private fetch = (): Observable<Response> => { return this.http.get('some-url').map( (res) => { return res.json(); } ); } } この場合hasMore()、trueの場合にのみリクエストを実行できます。それ以外の場合、subscribe()function subscribe is not definedでエラーが発生します。空のオブザーバブルを返すにはどうすればよいですか？ this.collection.more().subscribe( (res) =>{ …

167 javascript  typescript  rxjs  observable