Я столкнулся со странной проблемой, у меня есть div с прикрепленным к нему событием click, и input с событием on-blur и button с прикрепленным событием click.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div onClick='div()'>
<input onBlur='input()' />
<button onClick='button(event)'> ABCD </button>
</div>
</body>
</html>
Вот функции, которые вызываются при нажатии кнопок.
function input(event){
console.log('input')
event.stopPropagation();
}
function button(event) {
console.log('button')
event.stopPropagation();
}
function div(){
console.log('div')
}
Проблема, с которой я здесь сталкиваюсь, заключается в том, что, если я щелкаю внутри поля ввода, то регистрируется, что внутрифункция div, я пробовал event.stopPropagation(), но она не работает, есть ли способ заставить ее работать?то есть - не регистрировать то, что находится внутри div при нажатии на вход.
Вот это Bin для того же самого.