実現したいこと
#form
をクリックして入力中から途中で離脱した際に他の要素をクリックした時に「最後まで入力してください」と警告を出す処理を走らせたいです。
困っていること
textareaやinputを使用していないので、フォーカスを外れた時に検知する方法が分からなくて困っています。
html
1<div class="container"> 2<div class="index message"> 3.... 4.... 5.... 6</div> 7<div id="fomr"><div contenteditable="true" id="dom"></div><input type="submit" value="送信"></div> 8</div>
js
1//formをクリックした時に走らせる処理 2var dom = document.getElementById("dom") 3dom.addEventListener('click', function() { 4 alert('hoge') 5}); 6//入力途中に離脱した時の処理 7//分からない...
動くサンプルと試したこと
下記のようにすることで、focusoutした時に、アラートが表示されるようになったのですが、focusinからfocusoutした時に一回だけ発火されるようにしたいです。
js
1//formをクリックした時に走らせる処理 2var dom = document.getElementById("dom"); 3//formをクリックした時に走らせる処理 4dom.addEventListener('focusout', function() { 5 alert('focusin') 6}); 7dom.addEventListener('focusout', function() { 8 alert('focusout') 9});