jquery方法focusin/focusout的使用

来源：互联网发布：mysql strcmp 编辑：程序博客网时间：2024/04/30 12:34

1 作用：某个标签(适用于所有标签)得到焦点和失去焦点时触发

2 兼容性：兼容ie6+及各大主流浏览器

示例：

<!doctype html><html> <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">  <meta name="renderer" content="webkit">  <title>test</title>  <script type="text/javascript" src="skin/base2/js/jquery-1.11.3.min.js"></script> </head> <body>    <div tagName="div">        <input type="text" tagName="input">    </div>    <span tagName="span">        <textarea tagName="textarea"></textarea>    </span> </body>  <script>;$(function() {        $('input').add('textarea').add('div').add('span').on('focusin', function() {            $('body').append('<br>'+ $(this).attr('tagName') +'-focusin');        });                $('input').add('textarea').add('div').add('span').on('focusout', function() {            $('body').append('<br>'+ $(this).attr('tagName') +'-focusout');        });    }); </script></html>

0 0