Disable mouse double click using class(es) with pure JavaScript

Question

I want to disable double click for some elements and the best way would be to use a special class for that.

I found this simple and short jQuery solution that is exactly what I want, but I need pure JavaScript code.

Possible? Please advice.

Answer 1

Been so long since I did straight jQuery free javascript but what you would want is something along these lines

var elements = document.getElementsByClassName("MyClassName");

for (var element in elements){
    element.ondblclick = function(e){
         return false;
    }
}

Answer 2

for (var element in document.getElementsByClassName('disable-click')) {
    element.onclick = function(e){
        e.preventDefault();
    }
}