Здравствуйте
Пишу сайт, очень плотно используя ajax. Наткнулся на проблему в неожиданном месте.
Есть вот такой элемент:
<form class='columns set'>
<input name='id' type='hidden' value='".$id."'>
<div>
<input name='name' type='text' value='Газовые гарелки'>
</div>
<div class='options'>
<button class='radial s hamburger dark' action='open setFields'><hr><hr><hr></button>
<button class='radial s cross dark'><hr><hr></button>
</div>
</form>
Обработчик кликов вот такой:
d.body.addEventListener("click", function(e){
var target = e.target;
do{
if(target.tagName == "BUTTON") {
var action = target.getAttribute('action');
if(action == "open setFields"){
setsFields.open(target);
}
break;
}
}while(target = target.parentNode);
}, false);
Проблема заключается в том, что при нажатии на кнопку внутри form перезагружается страница.
Не понимаю, почему это происходит. Насколько я знаю, для отправки формы нужен <input type='submit'>
, а , false);
предотвращает действие браузера по умолчанию.
Объясните, пожалуйста, где я неправ и как дальше жить!