DOM-3 JS事件

来源:互联网 发布:hpm226dn设置网络打印 编辑:程序博客网 时间:2024/06/10 04:50

DOM JS实现文本输入栏两个时间 onfucus获取焦点 onblur失去焦点 这两个事件的处理

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>DOM练习</title></head><body>    <input type="text" id="search" value="请输入关键字" onfocus="Focus();" onblur="Blur()">    <script>        function Focus() {            var nid = document.getElementById('search');            var value = nid.value;            if(value == '请输入关键字'){                nid.value = '';            }        }        function Blur() {            var nid=document.getElementById('search');            var value = nid.value;            if(!value.trim()){                nid.value="请输入关键字"            }        }    </script></body></html>
原创粉丝点击