[英]How can i get input field value on hitting enter
我試圖在用戶點擊輸入時從輸入框中獲取值。 我不需要任何按鈕。 我怎樣才能做到這一點
test.php的
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<form action="#" method="GET" enctype="multipart/form-data">
<center>
<input name="quan" align="middle" type="text" id="quan" placeholder="quan" title="If You Want Change Quantity Then Type Here" size="4">
</center>
</form>
<script type="text/javascript">
$(document).ready(function(){
var model=$('#quan').val();
console.log(model);
});
</script>
</body>
</html>
使用keyup()或keydown()函數。 附加到它后，使用event.keyCode == 13獲取enter按鈕后的值。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<form action="#" method="GET" enctype="multipart/form-data">
<center>
<input name="quan" align="middle" type="text" id="quan" placeholder="quan" title="If You Want Change Quantity Then Type Here" size="4">
</center>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#quan').keydown(function(event) {
if (event.keyCode == 13) {
var model=$('#quan').val();
alert(model);
// Use this 'model' variable
}
});
});
</script>
</body>
</html>
用戶要求
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#quan').keydown(function(event) {
if (event.keyCode == 13) {
var model=$('#quan').val();
$.ajax({url:"nextPage.php?model="+model,cache:false,success:function(result){
alert("success");
}});
}
});
});
</script>
nextPage.php （創建一個新頁面。確保您的頁面名稱與<script></script>給出的頁面名稱匹配。兩者都是相關的。）
<?php
$model = $_GET['model'];
//Now, use this '$model' wherever you want to use in this page.
?>
成功與錯誤
$.ajax({url:"nextPage.php?model="+model,cache:false,success:function(result){
if(result.status == 'success'){
alert("success");
} else if(result.status == 'error') {
alert("Error");
}
}});
function getVal(ele) { if(event.keyCode == 13) { alert(ele.value); } }
<input type="text" onkeydown="getVal(this)"/>
<script>
$(document).on('keyup','#quan',function(){
var code = e.keyCode || e.which;
if(code == 13) { //Enter keycode
//Do something
}
});
</script>
像這樣
$(document).ready(function(){
$('#quan').keyup(function (e){
var model=$(this).val();
if(e.keyCode == 13){
alert(model)
}
})
});
嘗試這個：
<script type="text/javascript">
$( "input" ).keypress(function( event ) {
if ( event.which == 13 ) {
alert($(this).val());
}
});
</script>
你可以做這樣的事情
<script type="text/javascript">
$( "input" ).keypress(function( event ) {
if ( event.which == 13 ) {
consol.log($(this).val());
}
});
</script>
當您在鍵盤中輸入13時輸入密鑰代碼，您可以在控制台中看到該值
$(document).ready(function(){
$('#quan').keyup(function (event) {
if (event.which === 13) {
var model = $(this).val();
console.log(model);
}
});
});
如何使用 Capybara 和 ChromeDriver 模擬在輸入字段中按 Enter 鍵？
[英]How do I simulate hitting enter in an input field with Capybara and ChromeDriver?
如何在按回車鍵時執行 function<input> 場地？
[英]How can I execute a function on pressing the enter key in an <input> field?
如何通過點擊JavaScript中輸入文本字段內的交叉按鈕來刷新實時搜索？
[英]How can I refresh my live search by hitting on the cross button which is inside the input text field in JavaScript?
在無格式輸入字段上按Enter時，如何防止發送表單？ （DNN）
[英]How to prevent a form to be sent when hitting enter on a none-form input-field? (DNN)
如何從輸入字段獲取值並將其值插入另一個輸入？
[英]How can I get the value from input field and insert its value into another input?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.