2011-02-05 13 views
1

로그인을 위해 웹 양식을 작성 중입니다. 나는 평소에하지 않을 몇 가지 기능을 추가하기로 결정했습니다. 그러나 나는 그들이 모든 경우에 작동하도록 할 수 없습니다. 그래서, 여기에 내 문제가있다.자바 스크립트 이벤트 처리

양식에서 각 입력을 진행하면서 페이지 측면의 자바 스크립트 상자가 아래로 스크롤되고 입력 내용, 즉 입력 할 수있는 내용, 남아있는 문자의 수를 알려줍니다.

onfocus 및 onblur 이벤트 처리기를 사용할 수 있기 때문에 텍스트 상자에서 잘 작동합니다. 그러나 예를 들어 여러 체크 박스가있는 div에 도달하면 각 입력에 대해 위의 이벤트 핸들러를 정확히 사용할 수 없습니다. 상자가 내용을 알리기 전에 옵션을 선택해야하기 때문입니다.

Ive는 전체 div에 대해 onMouseOver 및 onMouseOut 이벤트 처리기를 사용해 보았지만 유동적으로 작동하지 않았습니다.

의견이 있으십니까? 사용자가 화면의 특정 부분에 커서를 놓으면 함수를 활성화하는 방법이 있습니까?

희망이 메이크업 감각, 감사

답변

0

조금을 할 수 있을까? 아이콘 또는 누군가가 가리 키도록 그 옆에있는 아이콘을 클릭하고 그 이벤트를 첨부하십시오.

... 어쨌든 ... 당신은 정말로 그 일을 제대로하고 있습니까? fine..when 내가 경고 당신은해야 아직도 내가 생각하는 체크 박스에 초점/흐림 이벤트를위한

<form> 
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br /> 
<input onmouseover="alert('test');" type="checkbox" name="vehicle" value="Car" /> I have a car 
</form> 
+0

여러 입력을 포함하는 div 위에 함수를 실행하고 싶습니다. 나를 위해, 내가 그것을했을 때 방화범이 끌려 그 div 주위에 있었고 그 주위에 마우스를 움직이는 여전히 onMouseOut 이벤트 처리기를 실행했다. – dgamma3

+0

전체 텍스트를 하나씩 설정하지 않고 모든 텍스트 상자에 대해 DIV를 설정 한 다음 해당 div의 onmouseover를 설정하십시오. –

0

를 얻을, 제 2 체크 박스 위에 마우스를 올려 예를 들어,이 그냥 작동합니다 ... 몇 가지 코드를 게시 키보드를 사용하는 사람들.

js 프레임 워크로 작업하고 계십니까? jQuery를 사용하면 다음과 같이 간단하게 할 수 있습니다.

$(function() { 
    $(".div_around_the_checkboxes").hover(function() { 
     // show 
    }, 
    function() { 
     // hide 
    }); 
}); 
+0

그 onMouseOver 및 onMouseOut 이벤트 처리기의 차이점은 무엇입니까? 왜냐하면 나는 그것을 시도 할 때 여전히 동일한 결과를 산출하기 때문입니다. – dgamma3

+0

jquery를 사용하는 것이 더 안전하고 브라우저 전체에서 일관되고 더 멋진 구문을 사용한다는 것을 제외하고는 "동일"해야합니다. js 프레임 워크를 사용하지 않고 js 라인이 몇 개 이상인 경우 하나를 사용하는 것이 좋습니다. "유창하게 움직이지 않는다"는 것은 무엇을 의미합니까? (위의 코드를 업데이트했습니다.) – Robin