我有一个成功切换隐藏 div 的输入框。但是,当用户单击 div 本身以外的任何内容时,我也希望 div 隐藏。我该怎么做?
html
<input id="inputID" type="text" readonly />
<div id="divID"></div>
js
var divObj = document.getElementById('divID');
var inputObj = document.getElementById('inputID');
inputObj.addEventListener('click', toggleDiv, false);
function toggleDiv(){
divObj.style.display = (divObj.style.display == 'none') ? 'block' : 'none';
}