Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.01.2015, 14:11
Новичок на форуме
Отправить личное сообщение для xtfkpi Посмотреть профиль Найти все сообщения от xtfkpi
 
Регистрация: 14.10.2014
Сообщений: 5

обработка щелчка по button. тонкие различия с input type=button
доброго дня, уважаемые гуру веб-разработки и властители браузеров

не могу разобраться в тонкостях button и input type=button
упражняюсь в создании простого калькулятора.
делал обработку нажатий кнопок типа input type=button через событие дива onclick в котором все эти кнопки лежат. в этом случае обработкой события для дива выяснял на какой конкретно кнопке был клик через
e.target.value и вызывал нужную логику
если в слое лежат кнопки типа button этот подход уже не работает. браузер обрабатывает onclick но в e.target.value пусто

в документации на button ничего не нашел? может кто-то подсказать как выяснить нажатую кнопку через div ?
варианты с обработкой
через <input type=button> http://statehack.esy.es/
через <button> http://statehack.esy.es/calc.html
Ответить с цитированием
  #2 (permalink)  
Старый 28.01.2015, 14:55
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

xtfkpi, <button type="button">
Ответить с цитированием
  #3 (permalink)  
Старый 28.01.2015, 23:32
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от xtfkpi
в e.target.value пусто
Наверно, потому что ты туда ничего не положил?

Сравни:
<div id="div">
<button>Пусто</button>
<button value="бла бла">Не пусто</button>
</div>
<script>
div.onclick = function(e) {
    alert(e.target.value);
};
</script>

Замечание от Rise важно внутри <form>, ибо по дефолту type=submit, т.е. отправка формы.
__________________
В личку только с интересными предложениями
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Принятие из input данных и обработка в функции AJAX SunDr AJAX и COMET 0 14.11.2014 14:42
Срабатывает нажатие на button при нажатии Enter внутри input rebeled Элементы интерфейса 19 07.02.2013 16:07
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Что делаю не так? Javascript + Radio button + Input dmonco Элементы интерфейса 3 19.05.2012 16:22
Обработка нескольких file input Temlekur Работа 8 21.01.2010 18:30