1. 홈
  2. 질의 응답
  3. 입력 필드의 내용을 삭제하십시오. jQuery

입력 필드의 내용을 삭제하십시오. jQuery

2013-08-26 14 views
0

다른 사람들이 이에 대해 물어 보았습니다. 다른 사람들이 권장하는 해결책을 시도했지만 제대로 작동하지 않습니다. 이로드되기 전에 당신은 $(function() {... 당신이 jQuery를 해고하려고하는 것이 가능하다없이입력 필드의 내용을 삭제하십시오. jQuery

$(function() { 
    $('input:text').focus(function() { 
     $(this).val(""); 
    }); 
});

의 라인을 따라 뭔가 더하고 싶어

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

<script type='text/javascript'> 
$('input:text').focus(
    function(){ 
     $(this).val(''); 
}); 
</script> 
</head> 
<body> 
<form> 
<input type="text" value="Text"> 
</form> 
</body> 
</html>

출처

2013-08-26 Spotify Bruger

+0

확인하세요 콘솔에 오류가 있는지 확인하려면 –

+0

jQuery를 설정하는 방법을 설명하는 기본 jQuery 자습서 (http://learn.jquery.com/about-jquery/how-jquery-works/)를 읽는 것이 좋습니다. –

+0

콘솔에서 다음 오류가 발생합니다. Uncaught TypeError : Object # 에 'sendMessage'메서드가 없습니다. –

답변

2

: 여기

내 코드입니다 .

출처

2013-08-26 14:32:42 GaryDevenay

+0

여전히 작동하지 않습니다. 잡히지 않은 TypeError : 객체 # 에 'sendMessage'메소드가 없습니다. –

+0

이 문제와 관련된 오류는 아닙니다. 여기서 sendMessage 메소드를 호출하지 않습니다. 이것은 응용 프로그램의 다른 곳에서 자바 스크립트 오류 여야합니다. – GaryDevenay

3

문제는 jQuery 코드가 실행될 때 html이 아직 없다는 것입니다. 따라서 페이지가로드 될 때만 jQuery를 실행하거나 <body> 닫기 태그 바로 앞에 스크립트를 게시해야합니다.

1은 (을 yor 함수에 DOM 준비 호출을 추가) 옵션 :

$(document).ready(function() { 
    $('input:text').focus(function() { 
     $(this).val(""); 
    }); 
});

옵션 2 (body 태그의 폐쇄하기 전에 <script>을 추가하는)

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
</head> 
<body> 
<form> 
<input type="text" value="Text"> 
</form> 
<script type='text/javascript'> 
$('input:text').focus(
    function(){ 
     $(this).val(''); 
}); 
</script> 
</body> 
</html>

출처

2013-08-26 14:35:26 Sergio

+0

정말 고마워요! –

+0

@ SpotifyBruger,이 답변을 올바른 것으로 표시하십시오. – Satpal

관련 문제

 관련 문제