js添加列 input输入框里添加onfocus和onblur方法

js添加列 input输入框里添加onfocus和onblur方法,第1张

newTR.insertCell(i).innerHTML= "<input id='textItem0' type='text' style='border: 0px' size='12'  onfocus='focus()' onblur='blur()'/>"

onfocus是JavaScript中的一个事件,表示:在对象获得焦点时发生。

比如输入框获得焦点时,输入框背景变为红色。示例如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>JS onfocus用法</title>

<script type="text/javascript">

//改变文本框背景颜色

function changeStyle(id)

{

document.getElementById(id).style.background="red"

}

</script>

</head>

<body>

输入内容: <input type="text" onfocus="changeStyle(this.id)" id="content" />

</body>

</html>

运行结果:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11431916.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存