Текстовое поле внутри кнопки - Bootstrap twitter

0

Я хочу установить текстовое поле внутри кнопки. У меня возникают проблемы с событием нажатия текстового поля - всякий раз, когда я нажимаю на текстовое поле, он нажимает кнопку и запускает событие кнопки. Я хочу отделить эти два события - поэтому, когда я нажму текстовое поле, чтобы ввести его, он не будет запускать событие, связанное с нажатием кнопки. Как я могу это сделать?

Изменение: я попытался использовать stopPropagation и preventDeafult, но событие кнопки срабатывает до того, как оно достигнет моего события.

  • 1
    Опечатка? Я не вижу пример. В любом случае попробуйте это: stackoverflow.com/questions/387736/…
  • 0
    Я отредактировал свой вопрос.
Показать ещё 3 комментария
Теги:

2 ответа

1
Лучший ответ

Для вас этот код будет работать...

$('#btn').click(function(){
this.preventDefault();
    alert("wont fire");
});

$('#txt').on('click',function(){
    alert("text is clicked");
});

DEMO взгляните на разницу между этим и событием здесь

Поделиться
0

Возможно, что-то не так с HTML-макетом. Здесь что-то, что работает просто отлично, давая z-index каждому элементу:

HTML:

<div  style="z-index: 2; position:absolute; top:0"> 
   <input id="text" type="text"/>
</div>
<div style="z-index: 1; position:absolute; top:0 ">
   <input id="button" style="width:200px; height:40px; text-align:right" type="Button" value="button"/>
</div>

JS:

$("#text").click(function(){
    alert("text clicked");
});
$("#button").click(function(){
    alert("button clicked");
});

Здесь живая демонстрация

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню