按enter键时使用Javascript
Use Javascript when pressing enter
本文关键字:Javascript enter 更新时间:2023-09-26
我想在输入字段中按enter键时调用一个函数。问题是,它只是重新加载页面的时刻,而不调用JavaScript。当我按下按钮时,JavaScript工作没有任何问题。现在我想要得到相同的结果,当我按回车键时。
这是我的表格
<form onSubmit="changeView()">
<input type="text" value="London" name="region" id="region">
<input type="button" onClick="changeView()" name="mySubmit" value="Search" >
</form>
我也试着把它放入文本字段onKeydown="Javascript: if (event.keyCode==13) changeView();
但它并没有真正帮助。这是我的JavaScript函数
function changeView(){
var region = document.getElementById('region').value;
$.ajax({
type: 'GET',
url: 'webservice.php',
data: {region: region},
success: function(response, textStatus, XMLHttpRequest) {
alert("SUCCESS");
map.panTo(new L.LatLng(response[0].lat,response[0].lon));
}
});
return false;
}
HTML:
<form action="webservice.php" method="post">
<input type="text" value="London" name="region" id="region">
<input type="submit" name="mySubmit" value="Search" >
</form>
Javascript: $('#region').on('keydown', function(e) {
if (e.which === 13) {
$(this).parent('form').submit();
}
});
$('.form').on('submit', function(e) {
var self = $(this);
$.ajax({
type: self.attr('method') ,
url: self.attr('action'),
data: {region: $('#region').val()},
success: function(response, textStatus, XMLHttpRequest) {
alert("SUCCESS");
map.panTo(new L.LatLng(response[0].lat,response[0].lon));
}
});
e.PreventDefault();
return false;
});
看起来你是在使用jQuery,你有没有想过将事件绑定到文本框
像这样的
$(document).ready(function(){ // binds when the document has finished loading
$("#region").on('keypress', function(e){
if (e.which === 13){ // enter key
changeView();
}
});
});
相关文章:
- JavaScript:在调用函数的文本输入上按enter键
- 如何在JavaScript中为ENTER事件充值
- 使用javascript在Enter键上提交表单
- 在javascript中强制使用enter而不是单击
- 按Enter键继续使用JavaScript中的条件
- Javascript引导框,无法获得按钮单击ENTER键
- 如果按键按下 != ENTER,请运行 JavaScript
- 按下 Enter JavaScript 时的事件
- “Enter”键在文本框处于活动状态时调用javascript函数
- 按ENTER键调用javascript函数
- 如何在html中按enter键时调用javascript函数
- 如何处理javascript中字符串之间的Enter键
- 按下 Enter 时运行 JavaScript 函数 - 只有 JavaScript 没有 Jquery
- 使用JavaScript的Ctrl+Enter可防止回车
- 如何在javascript或jQuery中模拟ENTER键上的TAB
- 通过按Enter触发绑定到HTML按钮的JavaScript函数.(不使用Tab键)
- 按下enter键后运行Javascript
- 如何在Javascript中按下"Enter"关键
- 如何通过在javascript中按enter键将文本添加到文本区
- 按enter键时使用Javascript