这篇文章主要介绍了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法,涉及javascript针对页面元素样式及属性的相关操作技巧,需要的朋友可以参考下:
这个是html代码:
<div class="contain">
<div class="inputFullNameContain"><input class="inputFullName" type="text" id="search_content" /> </div>
</div>
下面是js代码:
<script type="text/javascript" >
(function () {
var id = document.getElementById('search_content');
if (id) {
var name = id;
var unclicked = function () {
if (name.value == '') {
name.style.background = 'url("images/inputBackground.png") no-repeat center';
}
};
var clicked = function () {
name.style.background = 'none';
};
name.onfocus = clicked;
name.onblur = unclicked;
unclicked();
}
})();
</script>