检查对象是否是文本框 - javascript

Question

我明白我们可以使用(javascript)

if (typeof textbox === "object") { } 

但有没有方法可以让我确保对象是一个文本框？

Answer 1

var isInputText = obj instanceof HTMLInputElement && obj.type == 'text';

Answer 2

截至2016年,使用此:

function isTextBox(element) {
    var tagName = element.tagName.toLowerCase();
    if (tagName === 'textarea') return true;
    if (tagName !== 'input') return false;
    var type = element.getAttribute('type').toLowerCase(),
        // if any of these input types is not supported by a browser, it will behave as input type text.
        inputTypes = ['text', 'password', 'number', 'email', 'tel', 'url', 'search', 'date', 'datetime', 'datetime-local', 'time', 'month', 'week']
    return inputTypes.indexOf(type) >= 0;
}

Answer 3

你在找这样的东西吗？

if(textbox.tagName && textbox.tagName.toLowerCase() == "textarea") {
    alert('this is a textarea');
}

如果您需要知道它是否是文本输入,您可以这样做:

if(textbox.tagName && textbox.tagName.toLowerCase() == "input" && textbox.type.toLowerCase() == "text") {
    alert('this is a text input');
}

Answer 4

我想也许您想要获取对元素的引用，然后检查 .type 的返回值，即

var element = document.getElementById('element_in_question');
if(element.type == "textarea"){
  console.log('I must be textarea');
}