onFocus 不能使用 javascript 函数答案

【问题标题】：onFocus not working with javascript functiononFocus 不能使用 javascript 函数
【发布时间】：2013-07-24 00:20:47
【问题描述】：

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

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

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

【问题讨论】：

见w3schools.com/cssref/css3_pr_box-shadow.asp——通过JS设置CSS属性，属性是element.style.boxShadow——不是box-shadow。

标签： javascript html css glow

【解决方案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;
}

【讨论】：