2014-02-10 3 views
1

양식 제출 버튼을 숨기고 기능을 계속 유지하려면 어떻게해야합니까? (제출 양식에 Return/Enter를 입력하십시오.)jQuery : 양식 제출 버튼을 숨기고 기능을 유지하십시오.

.hide() (또는 CSS를 통해 display:none)을 사용하면 반환시 제출 기능이 제거됩니다.

+2

때리기 양식이 이미 helion3 @ 기본 동작 – helion3

+0

이다 제출/리턴을 입력 올바른 것입니다. 간섭을 일으킬 수있는 다른 코드가 있습니까? –

답변

2

대신 display: none;를 사용하는 것이 필요한 이유를 잘 모르겠어요 visibility: hidden;

+0

DOM에 공간을 남겨 둡니다. 일반적으로 바람직한 효과는 아닙니다. – isherwood

+0

이것은 중요한 차이입니다. "visibility : hidden"을 사용하면 이벤트가 객체에 도달 할 수 있지만 "display : none"은 객체에 도달 할 수 없습니다. –

+0

@isherwood : CSS를 사용하여 언제든지 크기를 변경하거나 설명하는 내용을 처리 할 수 ​​있습니다. 여기서의 아이디어는 가시성입니다 : 숨김; 버튼은 여전히 ​​존재하고 기능 할 수 있습니다. – Lochlan

1

사용하지만 CSS 이런 종류의 사용할 수 있습니다

http://jsfiddle.net/isherwood/58Y76

input[type="submit"], button[type="submit"] { 
    position: absolute; 
    left: -999em; 
} 

이가 박았을 화면 이동 막대가없는 오프 스크린 요소.

+1

그러면 사용자가 긴 가로 스크롤 막대를 가져올 수 있습니다. –

+0

아니요. 나는 항상 접근성을 위해 그것을 사용한다. – isherwood

+0

바이올린을보십시오. 나는 누군가가 가장자리 - 경우 브라우저에서 스크롤바를 얻는 지 알고 싶어 할 것이다. – isherwood

0

<input type="submit"></input> 대신 <button id="tmp"></button>을 사용했습니다. CSS에서

: 그리고

#tmp{ 
    display:none 
}