проверить, является ли объект текстовым полем - 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

Если вы ищете текстовый ввод:

if (textbox.tagName == "input" && textbox.getAttribute("type") == "text") {
   // it's a text input
}

Если вы ищете текстовую область

if (textbox.tagName == "textarea") {
  // it's a textarea
}

Answer 5

Я думаю, возможно, вы захотите получить ссылку на элемент, а затем проверить возвращаемое значение .type, т.е.

Answer 6

if(textbox instanceof HTMLInputElement && textbox.getAttribute("type") == "text") {
    alert("I'm an input text element");
}