Столкнулся с проблемой, есть чат, чат отправляет запросы и обновляет таблицу чата по средством Ajax но почему-то при вводе текста в строку нужно "Курсором" наводить на кнопку отправить что не является удобным для большинства юзеров на моем сайте, как сделать так чтобы кнопка срабатывала после нажатия на клавишу Enter? вот код -
div class="mainchat" id="chatik">
<div id="chatblock">
</div>
<?
if ($_SESSION['USER_LOGIN_IN'] == 1) {
?>
<div class="chatsender">
<input type="text" class="chattext" id="chatmessange" autocomplete="off" required>
<input type="submit" id="chatsubmit" class="chatsubmits" value="Отправить">
</div>
<?
} else {
?>
<div class="chatnouser"><span>Только для зарегестрированных пользователей</span></div>
<?
}
?>
</div>
ajax обработчик -
$(document).ready(function() {
var button = $("#chatsubmit");
button.click(function() {
var text = $("#chatmessange").val();
if (text == "") {
alert("Текста нет, ебалай");
} else {
$.ajax({
url: "/catr/get",
type: "POST",
data: ({
text: text
}),
success: function() {
$("#chatmessange").val("");
}
});
}
});
window.setInterval(function() {
$.ajax({
url: "/catr/show",
success: function(data) {
$("#chatblock").html(data);
}
});
}, 1000);
});