javascript - onFocus 不能使用 javascript 函数

Question

这是小提琴。我正在尝试0 0 30px #96f226在输入标签中使用 onFocus 使文本框发光，但是您知道单击文本框时边框会发生变化吗？那是我希望它发光的时候。JS 遵循我所知道的一切，但它不起作用。

JS（只是为了解决问题）：

function input() {
    var x = document.getElementById('input');
    x.style.box-shadow = '0 0 30px #96f226';
}

Answer 1

更改box-shadow为boxShadow. 试试这个代码来切换焦点

function inputfocus(x) {
    x.style.boxShadow = '0 0 30px #96f226';
}
function inputblur(x) {
    x.style.boxShadow = 'none';
}

<input type="text" onFocus="inputfocus(this)" onblur="inputblur(this)">

jsfiddle

CSS

#input:focus{
   box-shadow: 0 0 30px #96f226;
   -webkit-box-shadow: 0 0 30px #96f226;
   -moz-box-shadow: 0 0 30px #96f226;
}