为何这段小代码运行不稳健?

事件绑定了一个函数,当blur发生时,alert 输入tagName


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<table>

    <tr>

        <td>goods1</td>

        <td><input type='text' name="goods1"></td>

    </tr>

    <tr>

        <td>goods2</td>

        <td><input type='text' name="goods2"></td>

    </tr>

</table>

<script>

function mouse_out(event){

    ob = event.target;

    alert(ob.tagName);

    }

document.addEventListener("blur",mouse_out,true);

</script>

</body>

</html>

这段代码运行10次,就有一个出现特殊故障,alert窗口无法关闭,特别奇怪。

出故障时的屏幕拷贝,请见
https://pan.baidu.com/s/1ZNk0... 提取码: ii6k

或者见这里
https://www.dropbox.com/s/szm...

这段js如此短,平淡无奇,居然会有时候运行出奇怪的问题,alert窗口居然无法关闭(10次有一个发生,你反复测试就会看见我发送的test.avi中显示的状况),我也是怀疑人生了

function mouse_out(event){

    ob = event.target;

    alert(ob.tagName);

    }

document.addEventListener("blur",mouse_out,true);


慕斯709654
浏览 432回答 3
3回答

FFIVE

不是无法关闭,是事件blur重复响应了,点击第一个text后再点第二个text就会这样,点第一个text然后点其他地方就不会,和楼上说的一样,你把事件绑定到document上的原因。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript