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

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

6
AngularJSの変数からiframe src属性を設定する方法
src変数からiframe の属性を設定しようとしていますが、機能させることができません... マークアップ: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> controllers / app.js: function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" : "Mela Sarkar", "url" : "http://blabla.com", "description" : "A professional …

4
arguments.callee.callerプロパティがJavaScriptで廃止されたのはなぜですか?
arguments.callee.callerプロパティがJavaScriptで廃止されたのはなぜですか? JavaScriptで追加されて非推奨になりましたが、ECMAScriptによって完全に省略されました。一部のブラウザー(Mozilla、IE)は常にそれをサポートしており、サポートを削除する予定はマップ上にありません。その他(Safari、Opera)はサポートを採用していますが、古いブラウザでのサポートは信頼できません。 この貴重な機能をリンボに入れる正当な理由はありますか? (または、呼び出し元の関数のハンドルを取得するより良い方法はありますか?)

5
Reactで子供の状態にアクセスする方法は?
私は次の構造を持っています: FormEditor-複数のFieldEditorを保持 FieldEditor-フォームのフィールドを編集し、その状態に関するさまざまな値を保存します FormEditor内でボタンをクリックすると、すべてのFieldEditorコンポーネントのフィールドに関する情報、その状態の情報を収集し、FormEditor内にすべて表示できるようにしたいと考えています。 私は、FieldEditorの状態以外のフィールドに関する情報を格納し、FormEditor代わりにの状態にすることを検討しました。ただし、情報を変更して状態に格納するときに、FormEditor各FieldEditorコンポーネントをリッスンする必要があります。 代わりに、子供の状態にアクセスすることはできませんか?理想ですか?

4
Twitterブートストラップvs jQuery UI?[閉まっている]
現在のところ、この質問はQ&A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 基本的なページの機能強化のためにjQuery UIを使用しています。ボタンと入力のスタイルとモーダルダイアログボックス。今、Bootstrapに出会いました。 jQuery UIからBootstrapに移行した経験はありますか?これは私がやろうとしていることですが、これを行う前に、私が直面する可能性のある問題を認識したいと思います。

18
正規表現を可能にするJavaScriptのString.indexOf()のバージョンはありますか?
JavaScriptでは、最初の最初のパラメータに文字列の代わりに正規表現を取り、2番目のパラメータを許可するString.indexOf()に相当するものはありますか? 私は何かをする必要があります str.indexOf(/[abc]/ , i); そして str.lastIndexOf(/[abc]/ , i); String.search()は正規表現をパラメーターとして取りますが、2番目の引数を指定することはできません! 編集: これは最初に思ったよりも難しいことが判明したので、提供されたすべてのソリューションをテストする小さなテスト関数を書きました... regexIndexOfとregexLastIndexOfがStringオブジェクトに追加されていることを前提としています。 function test (str) { var i = str.length +2; while (i--) { if (str.indexOf('a',i) != str.regexIndexOf(/a/,i)) alert (['failed regexIndexOf ' , str,i , str.indexOf('a',i) , str.regexIndexOf(/a/,i)]) ; if (str.lastIndexOf('a',i) != str.regexLastIndexOf(/a/,i) ) alert (['failed regexLastIndexOf ' , …

14
Reactのイベントオブジェクトからカスタム属性にアクセスする方法は?
Reactは、http://facebook.github.io/react/docs/jsx-gotchas.htmlで説明されているように、カスタム属性をレンダリングできます 。 カスタム属性を使用する場合は、data-をプレフィックスとして付ける必要があります。 <div data-custom-attribute="foo" /> そしてそれは私がイベントオブジェクトからそれにアクセスする方法を見つけることができないことを除いて素晴らしいニュースです:例えば: render: function() { ... <a data-tag={i} style={showStyle} onClick={this.removeTag}></a> ... removeTag: function(event) { this.setState({inputVal: event.target????}); }, 要素とdata-プロパティはhtmlでレンダリングされます。のような標準のプロパティにstyleは問題なくアクセスできますevent.target.style。event.target私が試した代わりに: event.target.props.data.tag event.target.props.data["tag"] event.target.props["data-tag"] event.target.data.tag event.target.data["tag"] event.target["data-tag"] これらはどれも機能しませんでした。

10
ReactJSで「onKeyPress」イベントを処理する方法
onKeyPressReactJSでイベントを機能させるにはどうすればよいですか?をenter (keyCode=13)押すと警告が表示されます。 var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, document.body);

26
ドット表記のJavaScript文字列をオブジェクト参照に変換します
JSオブジェクトを指定 var obj = { a: { b: '1', c: '2' } } そしてひも "a.b" 文字列をドット表記に変換するにはどうすればよいですか var val = obj.a.b 文字列がちょうどだった場合は、'a'使用できますobj[a]。しかし、これはもっと複雑です。簡単な方法はあると思いますが、現在は脱出しています。
214 javascript 

2
Chromeは、日本語のテキストをダブルクリックしたときに何をハイライトするかをどのように決定しますか?
Chromeで英語のテキストをダブルクリックすると、クリックした空白で区切られた単語が強調表示されます。これは当然のことです。しかし、先日、日本語のテキストを読みながらクリックしていたところ、日本語にスペースがないにもかかわらず、単語の境界でハイライトされている単語があることに気付きました。これがテキストの例です。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。 たとえば、薄暗いをクリックすると、1つの文字クラスではありません(これは漢字とひらがなの混合です)が、Chromeはそれを1つの単語として正しく強調表示します。すべてのハイライトが正しいわけではありませんが、ランダムに見えるわけではありません。 Chromeはここで何を強調するかをどのように決定しますか?Chromeのソースで「日本語」を検索してみましたが、私のバージョンのChromeではアクティブに見えない実験的なモジュールのテストしか見つかりませんでした。


30
HTML <select>のonSelectイベントまたは同等のものはありますか?
複数のオプションから選択できる入力フォームがあり、ユーザーが選択を変更したときに何かを実行します。例えば、 &lt;select onChange="javascript:doSomething();"&gt; &lt;option&gt;A&lt;/option&gt; &lt;option&gt;B&lt;/option&gt; &lt;option&gt;C&lt;/option&gt; &lt;/select&gt; 現在はdoSomething()、選択が変更されたときにのみトリガーされます。 doSomething()ユーザーがオプションを選択したときにトリガーしたいのですが、おそらく同じオプションをもう一度選択します。 「onClick」ハンドラーを使用しようとしましたが、ユーザーが選択プロセスを開始する前にトリガーされます。 それで、ユーザーが選択するたびに関数をトリガーする方法はありますか? 更新: ダリルが提案した答えは機能するように見えましたが、一貫して機能しません。ユーザーが選択プロセスを完了する前であっても、ユーザーがドロップダウンメニューをクリックするとすぐにイベントがトリガーされることがあります。

4
JavaScriptはスクロールのためのウィンドウX / Y位置を取得します
現在の表示可能なウィンドウの位置(合計ページ幅/高さに対する)を取得する方法を見つけて、セクションを別のセクションに強制的にスクロールできるようにしたいと思っています。ただし、ブラウザーの実際のX / Yを保持しているオブジェクトを推測する場合、膨大な量のオプションがあるようです。 IE 6 +、FF 2+、およびChrome / Safariを確実に機能させるには、これらのうちどれが必要ですか? window.innerWidth window.innerHeight window.pageXOffset window.pageYOffset document.documentElement.clientWidth document.documentElement.clientHeight document.documentElement.scrollLeft document.documentElement.scrollTop document.body.clientWidth document.body.clientHeight document.body.scrollLeft document.body.scrollTop そして他に何かありますか?ウィンドウがどこにあるかがわかったらwindow.scrollBy(x,y);、目的のポイントに到達するまでゆっくり呼び出すイベントチェーンを設定できます。
213 javascript 

16
複数の文字列を他の複数の文字列で置き換える
文字列内の複数の単語を他の複数の単語に置き換えようとしています。文字列は「猫、犬、山羊がいます」です。 ただし、「犬、山羊、猫を飼っている」ではなく、「猫、猫、猫を飼っている」という結果になります。JavaScriptで複数の文字列を他の複数の文字列に同時に置換して、正しい結果が生成されるようにすることは可能ですか? var str = "I have a cat, a dog, and a goat."; str = str.replace(/cat/gi, "dog"); str = str.replace(/dog/gi, "goat"); str = str.replace(/goat/gi, "cat"); //this produces "I have a cat, a cat, and a cat" //but I wanted to produce the string "I have a dog, a goat, …

5
thisコンテキストを関数に渡すにはどうすればよいですか?
これは簡単にグーグルできるものだと思いましたが、おそらく私は正しい質問をしていません... 特定のJavaScript関数で「this」が参照するものを設定するにはどうすればよいですか? たとえば、次のようなjQueryのほとんどの関数と同様です。 $(selector).each(function() { //$(this) gives me access to whatever selector we're on }); 呼び出されたときに適切な「this」参照を持つ独自のスタンドアロン関数を作成/呼び出すにはどうすればよいですか?私はjQueryを使用しているので、jQuery固有の方法がある場合はそれが理想的です。
213 javascript  jquery  scope  this 


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.