input框的获得与失去焦点

获得与失去焦点

    <input type="text" value="abcd">
    <script>
        //元素对象.属性名=新的值
        //需求1. 当input框  失去焦点时  获取value值
        var input = document.querySelector('input');
        input.onblur = function () {
            //获取value值
            var v = input.value;
            console.log(v);
        }
        //需求2  获得焦点时  清空value值
        input.onfocus = function () {
            input.value = '';
        }
    </script>

可以看出这是一个对 失去焦点（blur）以及获得焦点（focus）的简单运用。