[英]laravel - How to trigger enter key press of textbox to implement javascript code
我想使用回車鍵來實現jquery代碼,如果我在模糊工作時使用它,但是在使用key事件時卻不能實現該代碼。 我正在使用數據表,對於一列,我使用inputtext顯示數據
datatable
:
{data: 'vendor_name', name: 'vendors.vendor_name',mRender: function (data, type, row) {
return '<input type="text" id="vendor_name"
class="vendor_name" data-id="'+row.id+'" onkeydown="myFunction(event)"
onClick="this.select();" value="'+data+'">';}},
javascript
<script type="text/javascript">
function myFunction(event) {
var x = event.keyCode;
var id = $(this).data("id");
var $row = $(this).closest('tr');
if (x == 13)
{
$.ajax({
type: 'POST',
url: 'Vendor_Save',
data: {
'_token': $('input[name=_token]').val(),
'currentid': id,
'current_vendor_name':$(this).val(),
},
success: function(data) {
$row.closest('tr').find('.category_name').val(data.categoryname);
$row.closest('tr').find('.vendor_no').val(data.vendorid);
}
});
}
};
</script>
你應該檢查keyupevent
$("input#vendor_name").keyup(function(event) {
if (event.keyCode === 13) {
//call you ajax() here
}
});
我嘗試關注並為我工作。
<script type="text/javascript">
$("#vendor_name").keyup(function (e) {
if (e.keyCode == 13) {
// AJAX Call
$.ajax({
url : YOUR_URL,
method : "POST",
data : JSON_DATA,
dataType : "text",
success : function (data)
{
console.log(data);
}
});
}
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.