Как ограничить событие клика, когда ввод текста находится над вводом файла - PullRequest
Новая
       6

Как ограничить событие клика, когда ввод текста находится над вводом файла

0 голосов
/ 07 марта 2012

Допустим, у меня есть div, который равен 500 x 500px. Внутри этого у меня есть <input type="file" />, это тоже 500 x 500, и с непрозрачностью 0.

Внутри моего div я помещаю другой текст или область ввода текста поверх невидимого. Теперь, когда я щелкаю внутри родительского верхнего ввода, появляется средство выбора файлов (принадлежащее невидимому входному файлу внизу).

Есть ли способ захвата события щелчка, чтобы он останавливался на верхнем входе. Я не хочу видеть выбор файла при работе с моим верхним текстовым вводом.

Образец Здесь .

1 Ответ

1 голос
/ 07 марта 2012

Использование 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>
...