2011-10-09 2 views
0

사용자에게 텍스트 영역에 팁을 표시하는 간단한 루틴이 있습니다. 사용자가 텍스트 영역에 포커스를두고 사용자 입력이 없으면 스크립트가 팁을 지 웁니다. 사용자 입력없이 영역이 흐려지면 영역에 팁이 표시됩니다.javascript/jquery - firefox textarea 값을 등록하지 않는 것 같습니다.

이것은 IE와 크롬에서는 잘 작동하는 것으로 보이지만, 파이어 폭스 3.6은 매번 작동하지 않는 것 같습니다. 텍스트 영역에 초점을 맞 춥니 다

클릭, 텍스트 영역은 아무 것도 입력하고 텍스트 영역에 초점을 없앱니다하기 위해 외부 클릭하지 마세요 텍스트

에게 웁니다 팁이 표시됩니다.

초점을 맞추기 위해 텍스트 영역을 다시 클릭하지만 텍스트는 사라지지 않습니다.

클릭하여 외부 텍스트 영역의 텍스트를 지 웁니다이 시간,

초점을 다시 텍스트 영역을 클릭 없앱합니다.

firefox 3.6에 대한이 동작을 수정하기위한 팁이나 통찰력이 필요하십니까?

JSFiddle link

TIA

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>    
<script type="text/javascript" src="../jquery-1.6.4.min.js"></script> 
</head> 
<body > 
<div style="text-align:center"> 
    <textarea id="btext" onfocus="clearOnFocus()" onblur="showtip()"> 
Enter text 
</textarea><br> 
</div> 
<!-- end page --> 
<script language="javascript"> 

function clearOnFocus() { 
    //alert ('test'); 

    var patt=/Enter text/g; 
    var result=patt.test($('#btext').val()); 
    if (result) { 
    $('#btext').val(''); 
    } 
}//end of clear 

function showtip() { 
    var textinput = $('#btext').val(); 

    if (textinput == '') { 

    var btips = 'Enter text'; 

    $('#btext').val(btips); 
    } 
}//end of showtip 

</script> 
</body> 
</html> 
+0

Firefox 7.0.1에서 유용 할 것으로 판단됩니다. – Pointy

+0

@Pointy 확인. 또한 '