HTML里的onfocus事件处理函数

<html>
<style>
div {
	margin:20px;
	height: 70px;
	border: 1px solid green;
	outline: 1px solid red;
	outline-offset: -4px;
}

:focus {
	background-color: blue;
};
</style>

<script>

function focused(event){
	debugger;
	console.log('event: ' + event);
}
</script>
<body>
	<div tabindex="3">3</div>
	<div tabindex="-1">0</div>
	<button onfocus="focused(event)">test</button>
</body>
</html>

成功触发:

事件类型为focus:

对应的是onblur:


更多Jerry的原创文章,尽在:“汪子熙”:

汪子熙 CSDN认证博客专家 前端框架 Node.js SAP
JerryWang,2007年从电子科技大学计算机专业硕士毕业后加入SAP成都研究院工作至今。Jerry是SAP社区导师,SAP中国技术大使。2020年5月下旬,Jerry做了脑部肿瘤的开颅切除手术,对编程和人生又有了新的感悟。
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__0809 返回首页