簡體   English   中英

laravel-如何觸發輸入文本框的按鍵以實現javascript代碼

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM