Мне просто интересно, почему событие click
происходит, когда я dbclick
элемент?
У меня есть этот код:( JSBIN)
HTML
<p id="hello">Hello World</p>
JavaScript
document.getElementById('hello').addEventListener('click', function(e){
e.preventDefault();
this.style.background = 'red';
}, false);
document.getElementById('hello').addEventListener('dbclick', function(){
this.style.background = 'yellow';
}, false);
Он должен делать разные вещи для кликов и двойного щелчка, но, кажется, когда вы дважды щелкаете по значку p
, оно ломает click
событие и игнорирует двойной щелчок.
Я попробовал preventDefault
событие click
.
Как я могу слушать только dbclick
?
UPDATE
У меня была опечатка в моем коде. dbclick
неверно. Это dblclick
. В любом случае проблема все еще существует. Когда пользователь дважды щелкает, происходит событие click
.
Это обновленный код, который доказывает это:(JSBin)
document.getElementById('hello').addEventListener('click', function(e){
e.preventDefault();
this.style.background = 'red';
this.innerText = "Hello World clicked";
}, false);
document.getElementById('hello').addEventListener('dblclick', function(){
this.style.background = 'green';
}, false);