Chromeでは、<textarea>
フィールドの右下をプルしてテキスト領域を拡張できます。これには時には利点がありますが、時にはそうではありません。Chromeの<textarea>ドラッグ・エキスパンド機能をブロックできますか?
私が知りたいのは、できるだけこの動作をブロックする方法です。私はいくつかのJS/jQuery dingusのラインに沿って何かを考えていますが、Googleがどのようにその機能をプログラミングしたかは分かりません。
誰もがこれを手伝ったことはありますか?
Chromeでは、<textarea>
フィールドの右下をプルしてテキスト領域を拡張できます。これには時には利点がありますが、時にはそうではありません。Chromeの<textarea>ドラッグ・エキスパンド機能をブロックできますか?
私が知りたいのは、できるだけこの動作をブロックする方法です。私はいくつかのJS/jQuery dingusのラインに沿って何かを考えていますが、Googleがどのようにその機能をプログラミングしたかは分かりません。
誰もがこれを手伝ったことはありますか?
これをやめるためにまだCSSを使ってみましたか?
textarea {
resize: none;
}
ドラッグアンドエキスパンド機能を無効にする必要があります。あなたはまた、jQueryのを使用してプログラムで、これを設定することができ
更新
:
// CSS
textarea.no-expand {
resize: none;
}
// jQuery
$('#my-text-area').addClass('no-expand');
・ホープこのことができます!
おそらく最も簡単な方法は、単に指定することではありません「サイズを変更:なし」あなたのスタイルの一部として:
textarea {
resize: none
}
詳細はhttp://www.electrictoolbox.com/disable-textarea-resizing-safari-chromeを参照してください。
パーティーに少し遅れましたが、ここに行きます。 resize: none
ソリューションの問題は、有効なCSSではないということです。これは検証しないだけでなく、他のブラウザでは動作しないため、Chromeの今後のリリースでは機能しなくなる可能性があります。異なる有効な解決策は次のようになります。
textarea {
width: 100px;
height: 100px;
max-width: 100px;
max-height: 100px;
}
もちろん、それに応じてサイズを調整する必要があります。確かに、これはresize: none
の柔軟性を持っていません(あなたのページのすべてのtextarea
に1つのスタイルを適用することはできません)。その点に関しては、resize: none
が良いでしょう。ただし、このソリューションを使用することが可能な場合は、そうする必要があります。
この回答は、いくつかの愛を必要とします...私にとって素晴らしい作品です。 – danludwig
onresize:event.preventDefault()、falseを返します。 – kirilloid
@kirilloid:これはどのようにユーザーに表示されますか? '
分かりません=)これはうまくいくかどうかはわかりません。だから、答えからCSSソリューションを使用してください。 – kirilloid