三点リーダー短縮表示＋マウスオーバー時にツールチップを出す。 ソースコード <button title="あいうえおかきくけこさしすせそたちつてとなにぬねの"><div style="overflow: hidden; width: calc(10vw - 20px); white-space: nowrap; text-overflow: ellipsis;">あいうえおかきくけこさしすせそたちつてとなにぬねの</div></button> 説明 ツールチップを出すにはbuttonタグにtitle属性をつける。 <button id="hoge" title="あいうえお">あいうえお</button>

やりたいこと ボタンが10個あって、1～10の番号が振られている。 ボタンを押すと、番号の数字をコンソールに出力する。 実現方法１ ボタンに一つずつ異なるidをつけて、getElementById→addEventListener。 デメリット：似た処理でソースコードが肥大化する。…

関数呼ぶ前にpreventDefaultでsubmitのデフォルト動作をキャンセルしてしまう。 それでゆっくりと関数の処理を行う。 onSubmit="event.preventDefault();onOkButton();" 先にキャンセルしておかないと、関数の後でreturn falseすると、 関数内の処理によって…

ポイント ・form onSubmitを使うこと <form onSubmit="function();"> <input class="input" type="text" required> <button type="submit">Ok</button></form> NGな例 イベントリスナで規定のsubmitをキャンセルしてonclickで呼びたい処理を書く HTML要素.addEventListener('click', (e) => { // 規定の動作をキャンセル e.preventDefault(); // イベント発生時に行う処理} …

こんなに揃ってきていたとは知らなかった。Web ブラウザで動くエロゲプラットフォーム登場、スマートフォン/タブレットからもプレイ可能メイン記事よりも記事についていたコメントが役に立ちそうだったので転載。 ６つの開発環境 Androidでのゲーム環境は、…

とりあえず紙芝居ゲーなら、開発者向けの環境は整った。 あとは市場とコンテンツ、リソースの問題っていう段階までとうとう来たなという感じ。Web ブラウザで動くエロゲプラットフォーム登場、スマートフォン/タブレットからもプレイ可能 Web ブラウザ上で動…

メモ。KAG3/吉里吉里と互換性のあるHTML5ノベルゲームエンジン 「TyranoScript(ティラノ・スクリプト)」 http://tyrano.jp/下記記事で知った。 http://d.hatena.ne.jp/nakamura001/20120821/1345564339簡単にマルチプラットフォーム対応のノベルゲームが作れ…