2011-09-29 3 views
0

이 예제 코드에는 버튼이 포함되어 있습니다. 버튼에 대해 잊어 버리고, 존재하지 않으며, 참조 할 수 없으며 편집 할 수 없습니다.JQuery -이 코드를 클릭하지 않고 실행하는 데 사용할 수있는 방법

이 예제에서는 단추가 없습니다. 단지 다른 프로세스를 나타냅니다. 그러나 필드는 여전히 값에서 업데이트해야합니다. 미안해 더 잘 설명 할 수 없었다.

는 답 : http://jsfiddle.net/piezack/X8D4M/56/

+2

필드에 입력하거나 탭에서 빠져 나올 때 링크를 업데이트 하시겠습니까? 아니면 ...? – isNaN1247

+0

당신이 명확하게 할 수 있습니까? 나는 당신이 약간의 코드를 일으키고 싶은지 정확히 모르겠다. 사용자 조치가 아니라면 어떤 시스템 조치가 발생합니까? –

+0

텍스트 필드에 http://api.jquery.com/change/ 이벤트를 첨부하여 입력 내용의 텍스트가 변경 될 때 링크를 업데이트 할 수 있습니다. 입력 데이터가 링크가 변경 될 내용과 관련이 있습니까? – Kyle

답변

2

당신은 상자 변경 내부의 텍스트를, 나는 당신이 흐림 대신 jQuery의의 keyup 이벤트를 개시 최고라고 생각 할 때마다 발생하는 이벤트를 원하는 경우 :

$('#FormCustomObject6Name').keyup(
    function() 
    { 
     var x = $('#FormCustomObject6Id').val(); 

     $("a[href*='http://www.msn.com']").attr('href',('http://www.google.com/search?q='+ x)); 
     $('a#link').text('Link has been updated'); 
    } 
); 

유일한 문제는 사용자가 키보드를 사용하지 않고 데이터를 입력하는 인스턴스를 잡아 내지 못합니다 (마우스 오른쪽 버튼을 통해 붙여 넣기 등).

+0

keyup을 사용하는 대신 http://api.jquery.com/change/에서 다른 유형의 값 변경을 고려합니까? 키 업만이 아닙니다. – Kyle

+1

keyup 이벤트와 onchange 이벤트 모두에 바인딩 : $ ('# FormCustomObject6Name'). bind ('keyup change', function() {keyup이 변경을 트리거하지 않으면 {...} –

+0

좋은 시도이지만 이 경우 키보드는 아무 것도 입력하지 않습니다. 버튼은 입력 방법을 나타내지 만 사실 훨씬 더 복잡하고 버튼이 없습니다. –

0

당신은 mouseover 이벤트를 사용할 수는 button 또는 link을 통해 말한다.

나는 마우스 오버에게 버튼이이

$('.butter').mouseover(function(){ 

을 변경했습니다.

예 :http://jsfiddle.net/X8D4M/39/

+0

이것은 유망 해 보입니다. 링크가 마우스 오버 될 때마다 mouseover 이벤트가 발생하는 방법이 있습니까? 한 번만 실행되는 것 같습니다. –

0

trigger(event)을 사용하여 직접 개체의 이벤트를 트리거 할 수 있습니다.

그래서 당신을 위해 작동 될 수 있습니다

$('button.butter').trigger('click'); 
+0

버튼이 존재하지 않습니다. –

0

방금 ​​클릭을 유발하려고 했습니까?

$('button.butter').click(); 
+0

버튼이 존재하지 않습니다. –

0

다음은 귀하가 찾고있는 것입니다.

$('#FormCustomObject6Name').trigger('blur'); 
+0

어떻게 작동합니까? 이해가 안됩니까? –

0

그래, 아마도 가장 효율적인 해결책은 아니지만 setInterval을 사용하여 변경된 값을 확인하면 모든 변경 소스를 보장 할 수 있습니다.

setInterval(function(){ 
    var id = $('#FormCustomObject6Id').val(); 
    var name = x + $('#FormCustomObject6Name').val(); 
    if (id.length > 0 && name.length > 0){ 
     $("a[href*='http://www.msn.com']").attr('href',('http://www.google.com/search?q='+ id)); 
     $('a#link').text('Link has been updated'); 
    } 
},500); 
관련 문제