【随時更新】個人的にJavaScriptでよく使う記法まとめ

個人的にJavaScriptでよく使う記法をまとめました

JavaScript でクラスを追加・削除する方法

JavaScript でクラスを追加・削除する方法です

1
2
3
const item = document.querySelector('.hoge')
item.classList.remove('hoge')
item.classList.add('fuga')

以上です

【JavaScript】CSVをインポートするコード

はじめに

JavaScript で CSV を取り込むコードです

CSV 取り込みの文字をクリックでファイル選択するか、ドラッグアンドドロップでもできます。

JavaScriptでのダブルクリック処理の実装方法

コード

1
2
3
4
5
data: {
delay: 500,
clicks: 0,
timer: null
},
1
2
3
4
5
6
7
8
9
10
11
12
13
14
click_one(){
this.clicks++
if(this.clicks === 1) {
var self = this
this.timer = setTimeout(function() {
// ここにシングルクリック書処理
self.clicks = 0
}, this.delay);
} else{
clearTimeout(this.timer);
// ここにダブルクリックの処理
this.clicks = 0;
}
},

参考

https://stackoverflow.com/questions/41303982/vue-js-how-to-handle-click-and-dblclick-events-on-same-element/56046910

JavaScriptでスマホの拡大縮小を無効にする

はじめに

最近は JavaScript でスマホ向けサイトを開発することも当たり前になりましたね
スマホ表示では拡大縮小しない方がアプリっぽくなりますよね

という訳でスマホで拡大縮小を無効にする方法を紹介します

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×