按钮和选择上的“模糊”事件有不同的行为。1)在textarea中单击>展开textare 2b)在选择中单击>不要缩小textare>那是正确的!或2a)单击按钮>缩小文本区域>我该如何防止这种情况?
<table class="codeBlock">
<tr>
<td>
<button>Hallo</button>
<select>
<option>A</option>
<option>B</option>
</select>
<textarea>Some text</textarea>
</td>
</tr>
<tr class="codeBlock">
<td>
<textarea>Some text</textarea>
<select>
<option>A</option>
<option>B</option>
</select>
<button>Hallo</button>
</td>
</tr>
$(document).on("blur", ".codeBlock", function () {
$("textarea", this).height("40px");
});
$(document).on("focus", ".codeBlock", function () {
$("textarea", this).height("80px");
});
你可以试试... ysfiddle