javascript - ボタンと選択の異なるぼかし動作

Question

ボタンと選択の「ぼかし」イベントには別の動作があります。1）textareaでクリック> textareを展開2b）selectでクリック> 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