回答編集履歴

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

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 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 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もセットで覚えておくといいでしょう。