Question

假设我的div为500 x 500px。在其中，我有<input type="file" />，也是500 x 500，不透明度为0。

在我的div内部，我将另一个文本或文本区域输入到隐形的顶部。现在，每当我在父顶部输入内部单击时，就会出现一个文件选择器（属于下面的不可见文件输入）。

是否有一种捕获点击事件的方法，使其在顶部输入处停止。在处理我的顶部文本输入时，我不希望看到文件选择出现。

Answer 1

使用Javascript：

<html>
<head>
    <script type="text/JavaScript">
        function doSomething(event)
        {
            // use these functions to stop the event here
            // different browsers may or may not have the function, so check to make sure it exists before calling it.
            if (event.cancelBubble)
                event.cancelBubble();
            if (event.stopPropagation)
                event.stopPropagation();
        }
    </script>
</head>
<body>
    <div onclick="alert('this will not show when you click on the text input');">
        <input type="text" onclick="doSomething(event)" />
    </div>
</body>
</html>

如何在文本输入位于文件输入之上时限制单击事件

1 个答案: