<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
function addListener(element, e, fn) {
if (element.addEventListener) {
element.addEventListener(e, fn, false);
} else {
element.attachEvent("on" + e, fn);
}
}
var add = function() {
var val = document.getElementsByName("values")[0];
addListener(val, "click", function() {
//dd.style.display = "inline";
ds.style.height = "400px";
})
addListener(val, "blur", function() {
//dd.style.display = "none";
ds.style.height = "100%";
})
};
</script>
</head>
<body onLoad="add()">
<input name="values" type="text" id="values" οnfοcus="addListener()">
<!--<span id="dd" style=" display: none; height: 200px; width: 200px; border: 1px solid red;">aa</span>
--><div id="ds" style="width: 200px; height: 100%; border: 1px solid red;"></div>
</body>
</html>
焦点自定义事件,非jquery
最新推荐文章于 2024-07-28 02:32:55 发布