title: Is there a way to stop button from being clicked via keyboard?
body: <p>I have a button to which I have given the class with CSS:</p>
  
  <pre><code>.disabled{
      pointer-events: none ;
      opacity: 0.6 ;
  }
  </code></pre>
  
  <p>This means it doesn't get disabled completely. So I can still click it dynamically via javascript.
  My problem is that if I use my keyboard and click Tab, I am able to reach the button and on clicking enter it gets clicked.</p>
  
  <p>Is there a way to disable the keyboard-events, or make onfocus events none, through css? So I can just add the class to the button and remove as required, thanks.</p>