jQuery 模糊事件

Question

当行中的元素失去焦点时，行上的 JQuery 模糊事件就会触发。对于以下示例，我有一个示例表，每行有两个输入字段；如果我们尝试执行此代码并且用户将焦点从一个输入控件转移到同一行中的另一个输入控件，我会触发该行的模糊事件。想法？

<table id="sample" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>1.1</td>
        <td><input type="text" name="name" value=" " /></td>            
        <td>1.2</td>
        <td><input type="text" name="name" value=" " /></td>
    </tr>
    <tr>
        <td>2.1</td>
        <td><input type="text" name="name" value=" " /></td>            
        <td>2.2</td>
        <td><input type="text" name="name" value=" " /></td>
    </tr>
    <tr>
        <td>3.1</td>
        <td><input type="text" name="name" value=" " /></td>            
        <td>3.2</td>
        <td><input type="text" name="name" value=" " /></td>
    </tr>
    <tr>
        <td>4.1</td>
        <td><input type="text" name="name" value=" " /></td>            
        <td>4.2</td>
        <td><input type="text" name="name" value=" " /></td>
    </tr>
</table> 

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#sample').delegate('tr', 'blur', function (event) {
            alert('Row Blurred');
        });
    });
</script>

Answer 1

live 和 delegate 方法不支持 blur 事件，因为它不会冒泡。
相反，处理 focusout，他们确实支持