입력 영역을 텍스트 영역에서 누를 수 있지만 출력을 두 줄 이상으로 제한하지 않으려합니다. 더 잘 설명하기 위해 사진 프레임 디자이너 here이 있습니다. 옵션에서 텍스트를 입력하면 프레임에 나타납니다. 현재 텍스트 영역에서 2 번 이상 Enter 키를 누르면 그럴 수 없습니다. 텍스트가 너무 길어 자동으로 새 줄로 바뀌면 문제가 발생합니다.텍스트 영역으로 쓸 수있는 행 수 제한
다음은 관련 코드입니다.
$(document).ready(function(){
var lines = 2;
var linesUsed = $('#linesUsed');
$('#input').keydown(function(e) {
newLines = $(this).val().split("\n").length;
linesUsed.text(newLines);
if(e.keyCode == 13 && newLines >= lines) {
return false;
}
});
});
TEXTAREA의 줄 수를 제한하는 일부 jquery입니다.
그리고 텍스트 영역
<textarea id="input" maxlength="40" name="Text" value="Max. 40 characters"></textarea>
텍스트 영역
$('#input').keyup(function() {
$('#text').html($(this).val());
});
이 입력 된 텍스트가 인쇄됩니다 내 SVG에 포함 된 HTML이다에서 입력을 출력 JQuery와.
당신이 데모 사이트에서 볼 수 있듯이,이 두 솔루션 단지 : 여기
<foreignObject x="135" y="520" width="600" height="260" style="color:white;text-align:center">
<body xmlns="http://www.w3.org/1999/xhtml">
<div id="container2">
<p id="text">Your words here</p>
</div>
</body>
</foreignObject>
Ahh 알 수 있습니다. 그래, 자리 표시자는 감사를 향상시킵니다. 차라리 입력을 사용하지 않을 것입니다. JavaScript를 더 쉽게 수행 할 수 있습니다. 그러나 감사는 랩 속성에 대해 알지 못했습니다. –