켈

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

· 2011-11-11 (금) 17:47:24 · 2859
불과 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-09-19 조회 2,571
11-09-19 조회 2,485
11-09-19 조회 5,502
11-09-19 조회 6,148
11-09-16 조회 2,865
11-09-16 조회 3,120
11-09-16 조회 6,318
11-09-15 조회 3,092
11-09-15 조회 2,845
11-09-15 조회 2,521
11-09-15 조회 2,522
11-09-15 조회 2,718
11-09-15 조회 2,683
11-09-15 조회 2,798
11-09-14 조회 2,713
11-09-14 조회 3,273
11-09-14 조회 2,384
11-09-14 조회 2,307
11-09-14 조회 2,296
11-09-13 조회 2,479
11-09-10 조회 2,946
11-09-10 조회 2,572
11-09-09 조회 3,150
11-09-09 조회 3,007
11-09-09 조회 3,086
11-09-09 조회 3,130
11-09-08 조회 3,818
11-09-08 조회 5,012
11-09-08 조회 3,406
11-09-08 조회 4,342
11-09-08 조회 3,847
11-09-08 조회 3,644
11-09-08 조회 2,748
11-09-08 조회 2,312
11-09-08 조회 2,725
11-09-08 조회 2,831
11-09-07 조회 3,504
11-09-07 조회 3,569
11-09-07 조회 2,982
11-09-07 조회 2,692
11-09-07 조회 2,789
11-09-07 조회 2,811
11-09-07 조회 3,037
11-09-07 조회 2,305
11-09-07 조회 2,409
11-09-07 조회 2,566
11-09-07 조회 3,496
11-09-07 조회 2,780
11-09-06 조회 2,607
11-09-06 조회 2,886
11-09-06 조회 2,453
11-09-05 조회 2,671
11-09-05 조회 2,606
11-09-05 조회 2,894
11-09-05 조회 2,401
11-09-04 조회 2,373
11-09-04 조회 2,336
11-09-03 조회 2,506
11-09-03 조회 2,671
11-09-02 조회 3,398
11-09-02 조회 2,784
11-09-02 조회 2,645
11-09-02 조회 3,558
11-09-02 조회 2,587
11-09-02 조회 2,471
11-09-02 조회 2,468
11-09-01 조회 2,671
11-09-01 조회 2,813
11-09-01 조회 2,694
11-09-01 조회 2,701
11-09-01 조회 2,838
11-09-01 조회 2,690
11-09-01 조회 4,129
11-09-01 조회 3,733
11-09-01 조회 4,397
11-08-31 조회 2,274
11-08-31 조회 2,577
11-08-31 조회 2,868
11-08-31 조회 2,585
11-08-31 조회 2,440
11-08-31 조회 3,236
11-08-30 조회 2,987
11-08-30 조회 4,209
11-08-29 조회 2,980
11-08-29 조회 2,571
11-08-29 조회 5,182
11-08-29 조회 3,319
11-08-29 조회 2,728
11-08-29 조회 3,076
11-08-28 조회 2,476
11-08-28 조회 3,626
11-08-28 조회 2,570
11-08-28 조회 2,944
11-08-26 조회 2,480
11-08-26 조회 2,992
11-08-26 조회 3,223
11-08-26 조회 2,725
11-08-25 조회 2,557
11-08-25 조회 2,874
11-08-25 조회 2,594