guide:component:common:clicksetfocus_basic [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== click_setfocus 속성 가이드======

화면 및 컴포넌트 click_setfocus 속성에 대한 예시 화면이다.

데이터 입력성/동작성 컴포넌트는 기본적으로 마우스 클릭시 포커스가 없는 경우, 포커싱된다.

click_setfocus 속성은 마우스 클릭시 포커스가 없는 경우, 포커싱 여부를 지정한다.

포커싱이 없는 컴포넌트에 대해서 키보드 조작은 불가하다. 키보드 입력시 현재 포커스를 가진 컴포넌트에 동작한다.

관련 속성으로 click_setfocus, tabstop, enterstop가 있다.

관련 API로 ishasfocus, setfocus, setfocusex가 있다.

===== 예시 =====

템플릿 위치: /HTML5/COMPONENT/COMMON/clicksetfocus_basic

템플릿 파일
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/COMMON/clicksetfocus_basic.xml|clicksetfocus_basic.xml]]
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/COMMON/clicksetfocus_basic.js|clicksetfocus_basic.js]]
  * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/COMMON/clicksetfocus_basic|새창으로 실행]]

<php>
echo '<html>';
echo '<iframe src="';
echo $conf['plugin']['xf5']['xf5projecthome'], 'template/template.html?';
echo 'xframe_screen_url=/HTML5/COMPONENT/COMMON/clicksetfocus_basic"';
echo ' class="_xf5_iframe"';
echo ' style="';
echo $conf['plugin']['xf5']['xf5iframestyle'];
echo '">';
echo '</iframe>';
echo '</html>';
</php>

==== 화면 스크립트 ====

<sxh javascript>
// 화면 로드 이벤트
function screen_on_load()
{
	fld_focus.setfocus();
}

// 버튼 이벤트
function btn_event_common_on_click(objInst)
{
	screen.alert("버튼 텍스트 = " + objInst.gettext());
}

// "setvisible" 버튼 이벤트
function btn_setfocus_on_click(objInst)
{
	// 필드에 포커스 처리
	fld_focusapi.setfocus();
}

// "ishasfocus" 버튼 이벤트
function btn_ishasfocus_on_click(objInst)
{
	// 필드 포커싱 상태 표시
	if (fld_focusapi.ishasfocus()) {
		fld_focusapi.settext("포커스 있음");
	}
	else {
		fld_focusapi.settext("포커스 없음");
	}
}
</sxh>