デモ ボタンとボタン以外をクリックしてみてください。 HTML 以下のHTMLを例にJavaScriptを紹介します。 <button class="c-button"> click!! </button> 以下のJavaScriptをコピペで使用できます。 .c-buttonの箇所を書き換えて使用してください。 document.addEventListener('click', (e) => { if(!e.target.closest('.c-button')) { //ここに外側をクリックしたときの処理 } else { //ここに内側をクリックしたときの処理 } }) 解説 イベントオブジェクトのtargetを使用しイベントが発生した要素の親要素に.c-buttonがなければ外側と判定します。 closestメソッドを使用しているのでIEで使用するにはポリフィルを読み込んでくださ
もうだいぶ前の話になるが、Node.js v8.0 で util.promisify が実装された。 同じく v8.0 で実装された async/await と一緒に使うと非常に便利。 今回は、promisify の便利さを説明するための資料としてのまとめ。 ちなみに Promise については説明しない。 例 以下のような、何らかのデータベースにクエリ文字列を投げて結果を取得するようなコードがあるとする。 const db = new DB('db://user:pass@host'); db.execQuery('SELECT ... FROM ...', (err, results) => { if (err) console.error(err); else console.log(results); }); 結果をコールバック関数で取得してくる古き良き (?) 非同期処理だが、こ
</Log> In the example code, we want to set a data tag on the home page, page="home". But we aren’t logging a page impression. We want to log an impression of the welcome section. To do so, we pass a logImpression prop into the Log component wrapping the welcome section (along with another data prop, section="welcome"). To make the Log component send an impression of the welcome section, we could c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く