2010-06-11 16 views
0

이제는 하나의 제출 단추가 기본 포커스가있는 컨트롤입니다. 하지만 다른 이미지 버튼에 기본 포커스를 설정해야합니다. 여기 기본 포커스를 설정하는 방법은 무엇입니까?

은 샘플 이미지 "버튼"

<img style="vertical-align: top; border-style: none;"             src="IconAdd.jpg" id="imbAdd" onclick="javascript:Add();" title="Click to Add" style="cursor:hand;" /> 

입니다하지만 난 그것은 작동하지 않습니다

$(document).ready(function(){$("#imbAdd").focus();} 

를 사용합니다.

나는 분명히 희망합니다. 나는 Enter 키를 누를 때 구현해야하는데,이 이미지 "버튼"에 대해 "클릭"이벤트를 트리거 할 수 있습니다.

감사


솔루션

는 : 나는 대신에 이미지 링크의 .. <input type="image" id="imbAdd" onclick="addEntry();return false;"> 를 사용합니다. <form id="form1" defaultButton="imbAdd"> 으로 설정하지만이 유형 버튼은 내가 원하는 바가 아닌 제출을 유발합니다. 그래서 "return false;"를 추가해야합니다. 마지막에 "addEntry()"를 사용하여 이미지 단추가 원하지 않는 제출을 일으키지 않도록하십시오.

+1

초점은 당신이하지 생각하지 않습니다. 당신의 목표를 조금 더 잘 설명하면 도움을 줄 수 있지만 현재는 잘못된 나무를 짖고있는 것 같습니다. – Erik

답변

0

다양한 브라우저에서 작동하는 tabindex라는 것이 있습니다. 나는 그것을 형태의 초점을 위해 captcha에서 이미지를 건너 뛰기 위해 사용한다. 그 첫 번째 클래스 특성. 두 버튼의 tabindex/focus 순서를 재정리하면 원하는 동작을 얻을 수 있습니다.

<input type="text" name="test_field_1" tabindex=2></input> 
<input type="text" name="test_field_1" tabindex=1></input> 

당신은 모든 요소에 포커스를 설정할 수 없습니다

+0

고마워,하지만 이건 내가 문제에 필요한 것이 아니야. 지금 설정 됐어. 아래의 주석을 참조하십시오. – Elaine

1

조쉬.

keydown 이벤트에서 트리거되고 "Enter"키와 이미지의 클릭 이벤트를 트리거하는 기능을 작성하는 것이 좋습니다. HTML5 이후이

var kCode = (e.keyCode ? e.keyCode : e.which); 

if (kCode == 13) 
{ 
    // its the enter key pressed 
} 
+1

감사합니다. MSDN에서 폼 태그에 "defaultFocus"와 "defualtButton"이 실제로 존재합니다. 어쨌든, 고마워. 귀하의 솔루션은 좋은 대안입니다. – Elaine

4

에 대한 keyUp 이벤트 체크에

:

<button type="button" autofocus> 
Click Me! 
</button> 
관련 문제