Код заключается в следующем, и функция скрытия слоя Div при нажатии на ввод и сокрытия слоя Div.
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Click elsewhere to close DIV</title></head><body><input type="text" value="" id="tf"/><div id="con"> <p>1111</p> <p><span>2222</span></p> <p><a href = "#"> 3333 </a> </p> </div> <script> function e (obj) {return document.getElementbyId (obj)} e ('tf'). onclick = function (event) {e ('con'). style.display = 'block'; Stopbubble (событие); document.onclick = function () {e ('con'). style.display = 'none'; document.onclick = null; }} e ('con'). onclick = function (event) {// только предотвращает пузырь вверх, но не предотвращает захват нисходящего, поэтому при щелчке внутреннего объекта CON вы все равно можете выполнить эту функцию StopBubble (Event); } // Функция пузырьки stopbubble (e) {if (e && e.stoppropagation) {e.stoppropagation (); // w3c} else {window.event.cancelbubble = true; // IE}} </script> </body> </html>Вышеуказанное - все содержание этой статьи. Для получения дополнительной информации о JavaScript вы можете проверить: «Справочный учебник JavaScript» и «Руководство по стилю кода JavaScript». Я также надеюсь, что все будут поддерживать Wulin.com больше.