<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>example</title>
<style type="text/css">
p{
border: thin solid black;
background: gray;
color: white;
padding: 10px;
margin: 5px;
}
</style>
</head>
<body>
<p>
<label for="fave">fruit:<input id="fave" name="name"/></label>
</p>
<p>
<label for="name">name:<input id="name" name="name"/></label>
</p>
<button type="submit">submit vote</button>
<button type="reset">reset</button>
<script type="text/javascript" defer="true">
function handleFocusEvent(e){
if(e.type=="focus"){//为什么在IE中运行这段代码会提示type为空或不是对象?
e.target.style.backgroundColor="lightgray";
e.target.style.border="thick solid red";
}else{
e.target.style.removeProperty("background-color");
e.target.style.border="thick solid black";
// e.targer.style.removeProperty("border")//为什么border属性会无法移除?
}
}
var inputElems=document.getElementsByTagName("input");
for(var i=0;i<inputElems.length;i++){
inputElems[i].onfocus=handleFocusEvent;
inputElems[i].onblur=handleFocusEvent;
}
</script>
</body>
</html>
为什么在IE中运行这段代码会提示type为空或不是对象?为什么border属性会无法移除?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- Go 旅城通票 2016-01-13 01:28关注
function handleFocusEvent(e) { e = e || window.event;//ie事件存储在window.event中,不是直接传入函数参数 var o = e.srcElement || e.target;//ie源对象是srcElement,不是target,要做兼容 if (e.type == "focus") {//为什么在IE中运行这段代码会提示type为空或不是对象? o.style.backgroundColor = "lightgray"; o.style.border = "thick solid red"; } else { o.style.cssText = ''//IE8-不支持style的removeProperty,直接设置cssText清空所有style的内容或者自己替换下cssText对应的属性 o.style.border = "thick solid black"; // e.targer.style.removeProperty("border")//为什么border属性会无法移除? } }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥20 simulink单相桥式整流电路
- ¥35 问问51单片机流水灯的代码该怎么写
- ¥15 关于#百度#的问题:感觉已经将字体段落、字体、页边距、纸张大小、文档网络调成与论文模板一致,为什么黄色部分字体左右的间距还是不一样啊,求私信发文件接收看一下
- ¥15 stata webuse报错
- ¥15 TypeError: Cannot read properties of undefined (reading 'status')
- ¥15 如何利用AI去除图片中的竹架子
- ¥15 python 写个基金爬取的代码,自动卖出功能
- ¥15 Linux系统启动不起来
- ¥15 为什么运行仿真数码管不亮(语言-c语言)
- ¥15 陈仁良《直升机飞行动力学》小扰动线化方程如何推导