Javascript - Изменить фон ввода

Question

Javascript - Изменить фон ввода

0

У меня есть функция, чтобы изменить фон окна поиска на красный, когда пользователь пытается его отправить, но он пуст, а затем измените его на "none", когда пользователь нажимает на него, например:

HTML:

<form action="http://www.google.com/search" id="search-box">
        <input type="search" name="q" id="q" />
        <input type="image" src="img/search.png" />
</form>

Javascript:

document.querySelector('#search-box').onsubmit = function () {
    if (document.querySelector('#q').value == '') {
        document.querySelector('#q').style.background = 'red';
        return false;
    }
}

document.querySelector('#q').onclick = function () {
    if (document.querySelector('#q').style.background == 'red') {
        document.querySelector('#q').style.background = '';
        return false;
    }
}

Он отлично работает на хроме, но он не работает на firefox... любые идеи почему?

danbsb 24 май 2014, в 03:54

Источник

0

console.log(document.querySelector('#q').style.background)
epascarello 24 май 2014, в 01:46

Теги:

javascript

jquery

firefox

1 ответ

Ещё вопросы

console.log(document.querySelector('#q').style.background)

Cineris · Accepted Answer · 2014-05-24T00-07-00.000Z

Когда вы document.querySelector('#q').style.background он устанавливает атрибут background: none repeat scroll 0% 0% #F00; элемента для background: none repeat scroll 0% 0% #F00;

Чтобы достичь того, чего вы хотите, установите ...style.backgroundColor вместо этого, как таковой

document.querySelector('#search-box').onsubmit = function () {
    if (document.querySelector('#q').value == '') {
        document.querySelector('#q').style.backgroundColor = 'red';
        return false;
    }
}

document.querySelector('#q').onclick = function () {
    if (document.querySelector('#q').style.backgroundColor == 'red') {
        document.querySelector('#q').style.backgroundColor = '';
        return false;
    }
}