js 改行禁止なtextarea

概要

「input type=text」にしているトコで入力内容が長くなることがある
そのときに折り返して表示…ってのをやりたくて「word-break: break-all」ってのをstyleに設定…としたけど、ダメだった。

代案として「input type=text」に入力があったらdivか何かに吐き出す…とか考えたけど、考えるべき内容が多そうなので早々に検討をやめた

ということで改行禁止のtextareaってヤツにする

サンプル

<textarea name="xxx" onkeydown="return preventEnter(event)">xxx</textarea>
<script>
	function preventEnter(event) {
		if (event.key === 'Enter') { // 改行禁止
			event.preventDefault();
			return false;
		}
	}
</script>

あとはform送信後に保険で改行を取り除くか、エラーとして扱うか…そんな感じにする