https://qiita.com/tochiji/items/4e9e64cabc0a1cd7a1ae
prevent default
https://qiita.com/tochiji/items/4e9e64cabc0a1cd7a1ae
変数 = 文字列.padStart(文字列の長さ[,埋める文字]); |
padStartメソッドで、頭ゼロをつけるサンプルです。
<script>
const str1 = "9"
console.log(str1.padStart(3, "0")); // 009
console.log(str1.padStart(5, "0")); // 00009
const str2 = "90"
console.log(str2.padStart(3, "0")); // 090
console.log(str2.padStart(5, "0")); // 00090
</script>
フレックスアイテムの折り返しを指定する
{ flex-wrap
flex-wrapプロパティは、フレックスアイテムの折り返しを指定します。また、折り返す場合の方向も指定できます。
初期値 | nowrap |
---|---|
継承 | なし |
適用される要素 | フレックスコンテナ |
モジュール | CSS Flexible Box Layout Module Level 1 |
折り返し
nowrap | フレックスアイテムは折り返されず、1行で表示されます。 |
---|---|
wrap | フレックスアイテムは折り返され、複数行で表示されます。通常は上から下に折り返され、2行目以降のアイテムは左から右に配置されます。 |
wrap-reverse | フレックスアイテムは折り返され、複数行で表示されます。ただし、wrapとは逆に、下から上に折り返されます。 |
addEventListenerメソッドで検知できるイベント
イベント名 | イベント発生条件 |
---|---|
click | マウスでクリックしたとき |
mouseover | マウスカーソルを重ねたとき |
keydown | キーボードのキーを押したとき |
load | 読み込みが完了したとき |