<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的原创文章，尽在："汪子熙":
成功触发： 事件类型为focus： 对应的是onblur： 更多Jerry的原创文章，尽在："汪子熙":
焦点 获取焦点事件 onfocus 函数focus(); 失去焦点事件 onblur 函数blur(); 块co...
jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML...
1、工作原理： DHTML事件（onclick，onfocus等事件）的发生----js函数-------构建一个...
事件处理程序 事件就是用户或浏览器自身执行的某种动作，而响应某个事件的函数就叫做事件处理程序。 1、HTML 事件...
常见的事件处理 onlick鼠标点击onmouseout鼠标离开onmouseover鼠标悬浮在上面onfocus...
JS事件处理：注册事件处理程序（个人喜欢把它看做函数调用） 三种方法 HTML级别的处理（标签属性的方式） 0级处...
事件处理程序 事件：用户和浏览器执行的操作事件处理程序：响应时间的函数方法：**1.直接在HTML标签中给同名的事...
一,事件处理 写法:on+事件名称= {事件处理函数} 类组件触发写法on+事件名称 = 事件处理函数 ---...
1、事件就是用户或浏览器自身执行的某种动作。2、事件处理程序（或事件监听器）就是响应某个事件的函数。 HTML事件...
本文标题：HTML里的onfocus事件处理函数
本文链接：https://www.haomeiwen.com/subject/xxaebktx.html
网友评论