html - textareaonresizeが機能しない

Question

w3によると、学校<textarea>はサポートしonresizeていますが、機能していません。

ブラウザが試しました：

Chrome 25.0.1364.172

Safari 6.0.3（7536.28.10）

Firefox 19.0

アップデート

w3schoolsを100％信用しないというレッスンを学んだので、これを見つけました

score 3 · Accepted Answer

ほとんどのブラウザーは、body 要素でのみ onresize をトリガーします。

これまでに見つけた最善の解決策は、美しいハックでオーバーフローおよびアンダーフローイベントリスナーを使用することです。

それは純粋な JavaScript です。

score 2 · Accepted Answer

テキストエリアはほとんど (すべて) でサイズ変更されません。この場合、ブラウザのonresizeイベントはwindow オブジェクトに対して機能しません。jQuery UI プラグインを使用する場合:

$("idoftextarea").resizable({
    resize: function() {
        $("id").append("yourcode");
    }
});

score 2 · Accepted Answer

2

少し回避策：

$('textarea').bind('mouseup', function() {
    console.log('resized');
});

于 2016-02-27T02:21:01.253 に答える

score 1 · Accepted Answer

ラヴラの答えを更新するだけです（私の評判はコメントするには低すぎます）：

JQuery は、サイズ変更可能な要素に一連の div を追加します。私の場合、これによりレイアウト全体が破壊されました。次を使用して、追加のマージン/パディングを取り除くことができます。

.ui-wrapper {
	padding:0px !important;
	margin:0px !important;
	
}

これは確かにあまりきれいではなく、私の原因の問題ですが、私の場合はうまくいきました。問題が発生した場合は、この投稿を更新します。

5 に答える 5