Eu tenho o seguinte código:
document.oncontextmenu = function(evt) {
evt = evt || window.event;
console.log(evt.target, evt.toElement, evt.srcElement);
};
Ao clicar com o botão direito do mouse em a <div class="foo"></div>
, retorna este:
div.foo, div.foo, div.foo
Ao clicar com o botão direito do mouse em a <input>
, retorna este:
entrada, entrada, entrada
Todos parecem trazer o mesmo resultado. Existe alguma situação em que um deles tenha uso diferente dos outros?