Jquery Plugin - 입력란에 숨겨진 입력란을 입력하십시오.

Question

설명하기가 어렵습니다. 나는 사용자가 숨겨진 텍스트 필드에 타이핑 할 수있는 플러그인을 보았다. 당신이 주목 한 것은 커서와 입력 된 텍스트뿐입니다. 새로운 MySpace 비디오를 본 적이 있다면. 제가 여기서 무슨 말을하고 있는지 볼 수 있습니다. 죄송합니다. 더 잘 설명되지 않았습니다.

Answer 1

, 뭔가 내가 생성 된 것이라고 생각 .

배경을 투명하게 설정하는 것이 트릭을 만들었습니다. 또한 사용자가 화면의 아무 곳에 나 입력 할 수 있어야하고 텍스트가 텍스트 영역에 표시되어야합니다. 이것은 아래의 JS와 함께 성취되었다.

$(document).on('keydown', function(ev) { 
var nodeName = ev.target.nodeName; 
if ('INPUT' == nodeName || 'TEXTAREA' == nodeName) { 
    return; 
} 
$('#text').val('').trigger('focus'); 
}); 

Answer 2

브라우저에서 CSS를 비활성화하는 것 외에도 숨겨진 텍스트 상자에 입력 할 수 없습니다. 그러나

, 당신은 이를 표시 텍스트 상자를 만들 수는 빈 스타일을 사용하여 숨길 수 : 다음 데모에서

input.hidden { 
    border:0; 
    outline: none; 
} 

를 바로 첫 번째 텍스트 상자의 오른쪽에 클릭하면 수있을 것입니다 (텍스트 상자가 숨겨져 나타납니다 비록) 입력을 시작 : 나는 이것에 대한 해답을 발견하고는 jQuery 플러그인을 사용하여 아니었다

-- See Demo --