켈

모바일 OS에서 자바스크립트 select() 구현

· 2011-11-11 (금) 17:47:24 · 2838
불과 1년여전만 하더라도 한국에서는 IE만 되고 FF나 사파리등은 깨지는 사이트가 많았습니다.

요즈음은 한국도 거의 모든 사이트에서 FF나 사파리, 크롬등이 다 잘 돌아 갑니다. 애플의 위력이 과연 무섭슴... 모바일 세상이 점점 다가오고...

웹표준을 지킨 대부분의 사이트에서는 IOS나 안드로이드에서 거의 100% 잘 돌아 갑니다.

그런데 안되는 것 하나...

자바스크립트의 textaera select()가 모바일 버젼에서는 실행되지 안습니다.
select()하는 순간 키보드가 뜨기 때문이지요.

이럴때 setTimeout으로 약간의 지연을 주면서 setSelectionRange(0, 9999) 함수를 사용하면 되네요

===============================================
<textarea id="idText">
Hello Apple!
Hello Android!
</textarea>

<script language="javascript" type="text/javascript">
var Mobile="";
var sUsrAgt=navigator.userAgent;

if((/iPhone/i.test(sUsrAgt)) || (/iPod/i.test(sUsrAgt))) Mobile="IP";
else if((/series60/i.test(sUsrAgt)) || (/symbian/i.test(sUsrAgt))) Mobile="SY";
else if(/iPad/i.test(sUsrAgt)) Mobile="IA";
else if(/android/i.test(sUsrAgt)) Mobile="AN";
else if(/windows ce/i.test(sUsrAgt)) Mobile="WM";
else if(/blackberry/i.test(sUsrAgt)) Mobile="BB";
else if(/palm/i.test(sUsrAgt)) Mobile="PM";
else if(/Kindle/i.test(sUsrAgt)) Mobile="KD";

var oTextArea=document.getElementById("idText");

function selectMobile() {
oTextArea.setSelectionRange(0, 9999);
}

function selectAll()
{
if (Mobile) {
oTextArea.focus();
setTimeout("selectMobile()",1234);
}
else {
oTextArea.select();
}
}

selectAll();

</script>
 
 
 
출처 : PHPSCHOOL
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-04-26 조회 3,824
12-04-24 조회 3,222
12-04-23 조회 4,552
12-04-22 조회 3,245
12-04-19 조회 3,326
12-04-18 조회 4,384
12-04-18 조회 3,095
12-04-17 조회 3,367
12-04-17 조회 5,125
12-04-16 조회 3,538
12-04-13 조회 3,086
12-04-09 조회 3,155
12-04-04 조회 3,926
12-04-01 조회 3,208
12-03-31 조회 3,597
12-03-30 조회 3,201
12-03-30 조회 3,868
12-03-26 조회 3,478
12-03-26 조회 3,057
12-03-22 조회 3,211
12-03-21 조회 3,067
12-03-19 조회 3,473
12-03-17 조회 3,500
12-03-14 조회 3,234
12-03-10 조회 3,916
12-03-09 조회 3,493
12-03-09 조회 3,323
12-03-08 조회 3,794
12-03-08 조회 3,967
12-03-08 조회 4,058
12-03-03 조회 3,300
12-03-02 조회 4,634
12-02-28 조회 3,169
12-02-27 조회 2,979
12-02-25 조회 3,128
12-02-24 조회 3,836
12-02-23 조회 3,100
12-02-22 조회 3,621
12-02-22 조회 5,395
12-02-22 조회 3,967
12-02-22 조회 4,285
12-02-18 조회 3,774
12-02-17 조회 2,996
12-02-17 조회 3,406
12-02-14 조회 3,479
12-02-13 조회 3,361
12-02-10 조회 1만
12-02-08 조회 3,021
12-02-07 조회 3,359
12-02-06 조회 3,086
12-02-05 조회 3,548
12-01-31 조회 3,473
12-01-30 조회 9,658
12-01-29 조회 3,814
12-01-26 조회 3,416
12-01-25 조회 4,028
12-01-24 조회 3,421
12-01-10 조회 3,733
12-01-10 조회 4,486
12-01-09 조회 3,269
12-01-08 조회 7,129
12-01-08 조회 3,654
12-01-07 조회 5,178
12-01-04 조회 3,887
12-01-02 조회 3,112
12-01-02 조회 3,164
12-01-02 조회 3,468
12-01-01 조회 3,104
11-12-31 조회 3,411
11-12-31 조회 3,087
11-12-30 조회 3,253
11-12-30 조회 3,404
11-12-29 조회 3,618
11-12-28 조회 3,713
11-12-26 조회 3,279
11-12-23 조회 3,502
11-12-22 조회 3,047
11-12-15 조회 4,136
11-12-08 조회 3,953
11-12-05 조회 3,290
11-12-04 조회 5,708
11-12-03 조회 3,569
11-12-02 조회 3,351
11-12-01 조회 5,427
11-11-30 조회 2,913
11-11-30 조회 2,806
11-11-28 조회 3,154
11-11-26 조회 3,334
11-11-25 조회 3,352
11-11-24 조회 2,949
11-11-22 조회 3,039
11-11-22 조회 2,883
11-11-17 조회 2,818
11-11-11 조회 2,818
11-11-09 조회 2,873
11-11-08 조회 3,249
11-11-08 조회 2,543
11-11-04 조회 3,625
11-11-01 조회 2,930
11-10-26 조회 2,518