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

JQuery模糊事件

1 个答案: