켈

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

· 2011-11-11 (금) 17:47:24 · 2861
불과 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건
+
제목 글쓴이 날짜 조회
11-11-16 조회 3,512
11-11-15 조회 2,626
11-11-15 조회 3,259
11-11-15 조회 2,704
11-11-14 조회 2,795
11-11-14 조회 3,741
11-11-14 조회 3,545
11-11-14 조회 4,233
11-11-14 조회 2,831
11-11-14 조회 2,741
11-11-13 조회 4,038
11-11-12 조회 2,673
11-11-12 조회 2,794
11-11-12 조회 4,020
11-11-11 조회 2,921
11-11-11 조회 2,867
11-11-11 조회 2,540
11-11-11 조회 2,862
11-11-11 조회 3,997
11-11-11 조회 2,456
11-11-11 조회 4,695
11-11-11 조회 2,729
11-11-11 조회 2,560
11-11-11 조회 2,427
11-11-11 조회 2,844
11-11-11 조회 2,625
11-11-11 조회 2,618
11-11-10 조회 3,056
11-11-10 조회 2,523
11-11-10 조회 3,156
11-11-10 조회 3,713
11-11-10 조회 2,416
11-11-10 조회 2,548
11-11-10 조회 2,375
11-11-09 조회 2,579
11-11-09 조회 3,293
11-11-09 조회 2,760
11-11-09 조회 2,897
11-11-08 조회 2,665
11-11-08 조회 3,003
11-11-08 조회 2,334
11-11-08 조회 3,277
11-11-08 조회 2,572
11-11-08 조회 3,346
11-11-06 조회 1만
11-11-06 조회 2,638
11-11-06 조회 3,632
11-11-06 조회 3,449
11-11-06 조회 3,751
11-11-06 조회 3,934
11-11-05 조회 2,470
11-11-05 조회 2,638
11-11-04 조회 8,546
11-11-04 조회 2,595
11-11-04 조회 2,648
11-11-04 조회 3,653
11-11-04 조회 2,549
11-11-04 조회 2,730
11-11-03 조회 3,987
11-11-03 조회 2,651
11-11-03 조회 5,623
11-11-02 조회 5,902
11-11-01 조회 3,183
11-11-01 조회 2,632
11-11-01 조회 3,234
11-11-01 조회 2,523
11-11-01 조회 2,860
11-11-01 조회 2,387
11-11-01 조회 9,410
11-11-01 조회 2,959
11-10-31 조회 2,339
11-10-27 조회 2,603
11-10-26 조회 3,196
11-10-26 조회 2,690
11-10-26 조회 2,547
11-10-26 조회 2,566
11-10-26 조회 2,453
11-10-25 조회 2,509
11-10-25 조회 2,609
11-10-25 조회 2,552
11-10-25 조회 2,531
11-10-24 조회 2,575
11-10-24 조회 2,842
11-10-24 조회 2,847
11-10-23 조회 3,231
11-10-23 조회 2,808
11-10-23 조회 2,695
11-10-21 조회 2,550
11-10-21 조회 2,474
11-10-21 조회 2,464
11-10-21 조회 2,854
11-10-20 조회 4,031
11-10-19 조회 2,525
11-10-19 조회 2,921
11-10-19 조회 4,044
11-10-19 조회 3,194
11-10-19 조회 2,894
11-10-19 조회 6,713
11-10-18 조회 4,051
11-10-18 조회 2,617