Javascript - Jquery/textbox, 제출은 onblur로 사라집니다.

여기에 my code입니다. 모든 것이 정상적으로 작동하므로 입력란 외부를 클릭하면 기본 크기로 돌아갑니다. 제출 버튼을 클릭하면 일반 크기로 돌아가서 데이터를 제출하지 않습니다. 누군가 나를 고칠 수 있습니까? Javascript - Jquery/textbox, 제출은 onblur로 사라집니다.

$("#sbutton_block").slideUp("fast");

과 행동

당신이 변수를 게시 할 수있는 PHP 페이지 이름을 쓸 필요가 속성 :

출처

2012-11-13 Mark

처음 그래서 난이

HTML

<form method="post" action="" onsubmit="return false;"> 
    <div id="vsetko"> 
     <textarea id="scontent"></textarea> 
     <div id="sbutton_block" style="display:none;"> 
      <input type="submit" id="sbutton" value=" Share " /> 
     </div> 
    </div> 
</form>

CSS

#scontent { 
    overflow: auto; 
    width:722px; 
    height:30px; 
    border:solid 2px #006699; 
    font-size:14px; 
} 

#sbutton{ 
    background-color:#006699; 
    color:#ffffff; 
    font-size:13px; 
    font-weight:bold; 
    padding:4px; 
    margin-bottom: 5px; 
}

로 변경

내가 HTML을 클릭 기능을 수정했다 : 포커스 이벤트를 대체 할 JQUERY

$(document).ready(function(){ 

    $("#scontent").focus(function(){ 
    $(this).animate({"height": "85px",}, "fast"); 
    $("#sbutton_block").slideDown("fast"); 
    return false; 
    }); 

    $("html").click(function(event){ 
    if ($(event.target).attr("id") != "scontent") { 
     $("#scontent").animate({"height": "30px",}, "fast"); 
     $("#sbutton_block").slideUp("fast"); 
     return false; 
    } 
    }); 

    $("#scontent").keypress(function(){ 
    var MaxLen = 250; 
    return ($(this).val().length <= MaxLen); 
    }); 

    $("#sbutton").click(function(){ 
    // do your stuff 
    return false; 
    }); 

});

때문에 전체 HTML 클릭 이벤트는, 당신은 데이터
내가 잘

편집 작업의 내 노트북에 테스트를했습니다을 절약 할 수 건너 뛸 요소를 확인하는 방법

출처

2012-11-13 16:38:12 Kotzilla

답변 해 주셔서 감사합니다. 어떤 이유로 텍스트 상자는 텍스트 영역 안쪽이 아니라 사이트의 아무 곳이나 클릭하면 크기가 변경됩니다. 마우스 버튼을 놓은 후 제출 버튼이 사라집니다. – Mark

답변이 업데이트되었습니다. http://jsfiddle.net/MgLa6/1/ 여기에서 온라인 확인하십시오 – Kotzilla

안녕하세요! 이 코드는 페이지의 모든 링크를 비활성화했습니다. $ ("html"). { if ($ event.target) .attr ("id")! = "scontent") { $ $ ("# sbutton_block") slideUp ("빠름") false를 반환합니다. } }}) 애니메이션 ({ "높이": "30px", " ; 어떻게 해결할 수 있습니까? – Mark

는이 라인을 주석 처리해야합니다.

여기가 수정 코드입니다. http://pastebin.com/LR4HyHv6

희망이 있습니다. 코드가 버튼 에 클릭 이벤트 전에 발생합니다 흐림 기능을하기 때문에 작동하지

출처

2012-11-13 15:35:07 Zzap

빠른 대답 감사합니다. 일부 재 작업을 위해 제대로 작동하지 않습니다. – Mark

Javascript - Jquery/textbox, 제출은 onblur로 사라집니다.

답변

관련 문제