title: How to get Id of focused element in javascript
body: <p>My title might not really express what i want to achieve so i hope reader can go through my question first.
  I have many input on my page with different id, i want to get the ID of the particular input that get user focus and fire an event when this input loses focus. i can achieve this by explicitly state the ID and attach onblur event handler to it but this will result in writing a bulk of codes as i have too many input on the same page. now i have this below code</p>
  
  <pre><code>var \$Title = $('#draft-product_title')
          \$Title.on('blur',function(event){
              eventId = event.target.id;
              draftEventHandler(\$Title,eventId);
          });
  </code></pre>
  
  <p>this is one of my input and i have more that 30 input so i have to make copy of it 30 time which is so crazy i need a way to make it so flexible, i tried this too but no luck</p>
  
  <pre><code>var \$selectorId;
  $('body').on('click',function(event) {
              \$focusElementId = document.activeElement.id;
               \$selectorId = ('#'+\$focusElementId)
              console.log(\$selectorId);
           });
  
          \$selectorId.on('blur',function(event){
              eventId = event.target.id;
              draftEventHandler(\$selectorId,eventId);
          });
  </code></pre>
  
  <p>but this code error selector id not define but the <code>console.log()</code> as it define
  any help on how to make this work, am also open to any other idea, thaks</p>