2020-12-02から1日間の記事一覧

JavaScript 独自イベントを作成し、キーバインドの有効・無効を切り替える

elm.addEventListener( "show", function(){ window.dispatchEvent(evInputStart); }); elm.addEventListener( "hide", function(){ window.dispatchEvent(evInputEnd); }); function avoidKeyEvent(e) { // キーバインドなし return; } function dispatchKe…

ボタンの名前を短縮表示+ツールチップを出す

三点リーダー短縮表示+マウスオーバー時にツールチップを出す。 ソースコード <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>