首頁(yè) 猿問(wèn) 問(wèn)一個(gè)貌似極簡(jiǎn)單，實(shí)則極難的問(wèn)題

問(wèn)一個(gè)貌似極簡(jiǎn)單，實(shí)則極難的問(wèn)題

JavaScript

犯罪嫌疑人X 2018-12-06 17:53:15

寫(xiě)一段js代碼，實(shí)現(xiàn)以下功能(可以用 jquery)。代碼要兼容大多主流瀏覽器。一個(gè)form 中有多個(gè)input, 在任意一個(gè) input 的失去焦點(diǎn)事件中，判斷焦點(diǎn)是否在當(dāng)前form的其它input中。也就是判斷焦點(diǎn)是否離開(kāi)了當(dāng)前form所有的input。

查看完整描述

4 回答

心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊

//剛寫(xiě)的,支持多表單,樓主試一下.
window.onload = function() {
var options = {};
var forms = document.getElementsByTagName("form");
if (forms && forms.length) {
for (var i = 0; i < forms.length; i++) {
var form = forms[i];
var id = "form_" + i;
options[id] = false;
var elements = form.getElementsByTagName("input");
if (elements && elements.length) {
for (var x = 0; x < elements.length; x++) {
(function(index, f) {
var item = elements[index];
item.onfocus = function() {
options[f] = false;
}
item.onblur = function() {
options[f] = true;
setTimeout(function() { if (options[f]) { /*要做什么就寫(xiě)在這里*/alert(f + "失去焦點(diǎn)."); } }, 10);
}
})(x,id)
}
}
}
}
};