javascript——BOM焦点事件

obj.focus() 给指定的元素设置焦点
obj.blur() 取消指定元素的焦点
obj.select() 选择指定元素里面的文本内容

HTML部分:

<input type="text" id="text1" value="请输入内容" />
    <input type="button" value="全选" id="btn" />

JS代码:

<script>
    window.onload = function(){
        var oText = document.getElementById('text');
        var oBtn = document.getElementById('btn');

        // 获得焦点
        oText.onfocus = function(){
            if(this.value == '请输入关键字'){
                this.value = '';
            }
        };

        // 失去焦点
        oText.onblur = function(){
            if(this.value == ''){
                this.value = '请输入关键字';
            }
        };

        //点击按钮选中文字
        oBtn.onclick = function(){
            oText.select();
        };

    };
    </script>

 

posted @ 2015-03-13 14:53  波克比520  阅读(207)  评论(0编辑  收藏  举报