get the value of input text when enter key
Question
how i can get the value of input text when enter key pressed in this cod ? .....................................................................
<body>
<div id="center">
<div id="boxtop"></div>
<div id="boxdown">
<input type="text" id="txt"/>
<button type="submit" onclick="SaveData()" id="btn" >SEND</button>
</div>
</div>
<script>
function SaveData() {
work = "insert";
chat = $('#txt').val();
$.ajax({
type: "POST",
url: "server.php",
data: "work="+work+"&chat="+chat,
success: function(msg){
$('#txt').val('');
}
});
}
</script>
</body>
3 answers
solution1
1 2017-01-26 22:03:53
You should add a form around your button and input. Then you can handle both events with
$('form').on('submit', function() {
SaveData();
return false;
});
solution2
0 2017-01-26 22:02:33
If you want to fire an event with ajax function you do not need submit button.
$('form').on('submit', function(){
preventDefault(); ....
Why you submit the form and then prevent submit?
It is better to do this:
$(document).keydown(function (e)
{
if(e.keyCode == 13)
SaveData();
});
solution3
0 2017-01-26 22:05:51
$('#txt').keypress(function (e) {
if(e.which == 13) {
chat = $('#txt').val();
}
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Get the value of input text when enter key pressed
How to get press key “Enter” in form with no input or input text disable
Pure Javascript - Add the value of text input to <li> when button clicked/enter-key
Delete text in an input box when 'enter' key is pressed
Trigger <button> when pressing the Enter key in text input
Getting state of a text input when pressing enter key in React
Input value disables Enter key
Changing input value inside a form tags when ENTER key is pressed
Issue on updating Input value when enter key is pressed
How to get input.value in JavaScript when the “Enter” key is pressed if I have more buttons next to the input tag?
Related Tags