jQuery html 및 윈도우 감지 폭

jQuery에 익숙하고 익숙해지기 위해 약간의 프로젝트를 시작했습니다. 이것은 가상 키보드로 쓰고있는 스크립트의 일부입니다. 키 이벤트 및 키 이벤트 조합을 탐지하고 해당 문자를 깜박이는 커서 앞에 붙이면 효과적입니다. 필자가 겪고있는 문제는 윈도우의 너비를 채우기에 충분한 문자를 입력 할 때 커서가 줄 바꿈 됨과 동시에 입력 된 문자가 같은 줄에서 계속되어 가로 스크롤 막대가 활성화된다는 것입니다. 왜 이런 일이 일어나는 걸까요? 혼자서 jQuery로 해결할 수 있습니까? jQuery를 더 배우기 위해 CSS 해킹을 최소한으로 유지하려고합니다. 감사!jQuery html 및 윈도우 감지 폭

jQuery를 :

$(document).keydown(function(e) { 
if (e.keyCode == 65) { 
    if (e.keyCode == 65 && e.shiftKey) { 
       $('#cursor').prepend('<span>A</span>'); 
     } 
    else { 
     $('#cursor').prepend('<span>a</span>'); 
    } 
}

HTML :

<body> 
      <div class="textarea"> 
        <!-- where characters prepend --> 
        <span id="cursor"></span> 
      </div> 
    </body>

출처

2012-02-06 pardon

그것은 CSS 문제, 그러나 그것은 쉬운 수정합니다.

이는 줄 바꿈을하기 위해 단어를 구분하도록 지시합니다. aaaaaaaaaaaaa (on과 on)를 입력하면 위의 지시 사항을 제시하지 않는 한 한 단어를 고려하고 중단하지 않습니다.

출처

2012-02-06 18:15:47

감사합니다. 그러나 각 문자가 포장되어 작동하지 않는 에 있습니다. – pardon

정말입니까? 그것은 나를 위해 잘 일했다. 이 바이올린을 확인한 다음 CSS없이 확인하십시오. http://jsfiddle.net/fxhgU/ –

예, 작동합니다! 불행히도 내가 캐릭터를 prepend했을 때 작동하지 않았기 때문에 나머지 스크립트를 다시 조정하여 append를 조정했습니다. 하지만 효과가 있습니다! – pardon

jQuery html 및 윈도우 감지 폭

답변

관련 문제