回答編集履歴

3 サンプルコードのコメント修正

so87

so87 score 616

2018/04/23 09:52  投稿

そんな場合は[lodashのthrottle](https://www.google.co.jp/search?q=lodash+throttle)を使うと楽ですよ。
「指定msの間、指定した関数の実行を制限する」という関数を定義できます。
それをjQueryのclickイベントに仕込めば実装完了です。
[https://jsfiddle.net/so87rkh/xpvt214o/165138/](https://jsfiddle.net/so87rkh/xpvt214o/165138/)
あわせて_.debounceもセットで覚えておくといいでしょう。
追記:
すみません。現状のコード内容をよく読んで動きを確認すると、
ただclickイベントを抑制すればいいという単純な話ではありませんでした。
jsfiddleで修正コードを書いてみたところ、_.throttleの出番はなく、
イベント発生時の条件判定で済む内容となりました。
[https://jsfiddle.net/so87rkh/xpvt214o/166577/](https://jsfiddle.net/so87rkh/xpvt214o/166577/)
[http://jsfiddle.net/so87rkh/xpvt214o/178234/latest/](http://jsfiddle.net/so87rkh/xpvt214o/178234/latest/)
2 内容の修正

so87

so87 score 616

2018/04/20 15:50  投稿

そんな場合は[lodashのthrottle](https://www.google.co.jp/search?q=lodash+throttle)を使うと楽ですよ。
「指定msの間、指定した関数の実行を制限する」という関数を定義できます。
それをjQueryのclickイベントに仕込めば実装完了です。
[https://jsfiddle.net/so87rkh/xpvt214o/165138/](https://jsfiddle.net/so87rkh/xpvt214o/165138/)
あわせて_.debounceもセットで覚えておくといいでしょう。
あわせて_.debounceもセットで覚えておくといいでしょう。
追記:
すみません。現状のコード内容をよく読んで動きを確認すると、
ただclickイベントを抑制すればいいという単純な話ではありませんでした。
jsfiddleで修正コードを書いてみたところ、_.throttleの出番はなく、
イベント発生時の条件判定で済む内容となりました。
[https://jsfiddle.net/so87rkh/xpvt214o/166577/](https://jsfiddle.net/so87rkh/xpvt214o/166577/)
1 書式の改善

so87

so87 score 616

2018/04/20 10:05  投稿

そんな場合はlodashのthrottleを使うと楽ですよ。
そんな場合は[lodashのthrottle](https://www.google.co.jp/search?q=lodash+throttle)を使うと楽ですよ。
「指定msの間、指定した関数の実行を制限する」という関数を定義できます。
それをjQueryのclickイベントに仕込めば実装完了です。
[https://jsfiddle.net/so87rkh/xpvt214o/165099/](https://jsfiddle.net/so87rkh/xpvt214o/165099/)
[https://jsfiddle.net/so87rkh/xpvt214o/165138/](https://jsfiddle.net/so87rkh/xpvt214o/165138/)
あわせて_.debounceも覚えておくといいと思います
あわせて_.debounceもセットで覚えておくといいでしょう

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る