美文网首页前端开发笔记
JavaScript 事件 onblur 与 onfocus 区

JavaScript 事件 onblur 与 onfocus 区

作者: 后除 | 来源:发表于2021-11-01 23:27 被阅读0次

    一、onblur

    1.1 说明

    onblur属性在元素失去焦点时触发,onblur常用于表单验证代码(例如用户离开表单字段)。

    1.2 示例

    <input type="text" name="" id="" onblur="javascript:alert('onblur');">
    

    二、onfocus

    2.1 说明

    onfocus属性在元素获得焦点时触发,onfocus常用于<input>、<select>以及<a>。

    2.2 示例

    <!--点击后因为不断onfocus会不断弹出,可以直接关闭浏览器标签页终止-->
    <input type="text" name="" id="" onfocus="javascript:alert('onfocus');">
    

    版权声明

    本博客所有的原创文章,作者皆保留版权。转载必须包含本声明,保持本文完整,并以超链接形式注明作者后除和本文原始地址:https://blog.mazey.net/428.html

    (完)

    相关文章

      网友评论

        本文标题:JavaScript 事件 onblur 与 onfocus 区

        本文链接:https://www.haomeiwen.com/subject/ivatzltx.html