onfocus 및 jquery - 딜레마

Question

내 질문에 내 입력에 onfocus="ajaxUpdateCompanyList2();"을 사용하는 것이 더 좋으며 OR $("#CompanyNameFilter").focus(function()을 사용하는 것이 더 좋습니다. jquery를 처음 사용하기 때문에 코드에 대한 문제도 상당히 있습니다.

JS 코드 옵션 1 :

$(document).ready(function() { 
    $("#CompanyNameFilter").autocomplete("ajaxFuncs.php",{cacheLength:1,mustMatch:1,extraParams:{getClientList:1}}); 
}); 

    $("#CompanyNameFilter").focus(function() { 
     var CN99 = $("#CompanyNameFilter").val(); 

     url: "clientsFiltering.php?companyname=" + CN99, 
     method: "GET", 
     success : function(data) { 
      var content = $(data).find("#companyList").html(); 
     } 
    }); 

JS 코드 옵션 2 :

$(document).ready(function() { 
     $("#CompanyNameFilter").autocomplete("ajaxFuncs.php",{cacheLength:1,mustMatch:1,extraParams:{getClientList:1}}); 
    }); 

    $.fn.ajaxUpdateCompanyList2=function() { 
     var CN99 = $("#CompanyNameFilter").val(); 

     url: "clientsFiltering.php?companyname=" + CN99, 
     method: "GET", 
     success : function(data) { 
      var content = $(data).find("#companyList").html(); 
     } 
    }; 

HTML 코드 옵션 1 : 그것은 전혀 작동하지 않습니다 S

<input id="CompanyNameFilter" style="width: 205px;"/> 

HTML 코드 옵션 2 : 내가 같은 오류가 발생, ajaxUpdateCompanyList2은 정의되지 않은 함수입니다 : S

<input id="CompanyNameFilter" onfocus="ajaxUpdateCompanyList2();" style="width: 205px;"/> 

Answer 1

이 같은 jQuery를 1.7+ 뭔가를 사용하여 이동하는 방법 인 경우 :

$("#CompanyNameFilter").on('focus', function() { 
    //code here 
}); 

인라인 JS는 갈 길이 멀지 않습니다!

다시 한 번, jQuery 설명서를 읽고 처음 시도하는 코드가 Ajax 함수가 누락 된 것처럼 보이고 두 번째 코드가 일종의 플러그인을 만들려고 시도했는데, 뭔가 빠뜨린 것도 없어?