在IE6、8中 <a>、button点击事件(onclick)没得反应经验总结

最新推荐文章于 2023-04-11 09:00:00 发布
最新推荐文章于 2023-04-11 09:00:00 发布
阅读量6.8k 收藏
点赞数
分类专栏： JS 浏览器(IE、FF、Chrome) 文章标签： button ie json function 浏览器 blog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangsuixinsheng/article/details/7056332
版权

首先声明我不经常写js代码.对浏览器的兼容性积累经验不够,特别是IE6、7、8的兼容,总结此文章以便自己和大家一起积累,少花不必要的时间。

下面是我的js代码:

/***
* 保存修改数据
* @return
*/
function saveConten(){
$.ajax({
type:"POST",
url:"emp.do?param=UpdateEmpInfo",
data:{
"empId":$("#empId").val(),
"empNo":$("#empNo").val(),
"empName":$("#empName").val(),
"empLoginName":$("#empLoginName").val(),
"empLoginPass":$("#empLoginPass").val(),
"empTell":$("#empTell").val(),
"empEmail":$("#empEmail").val(),
"empRemark":$("#empRemark").val(),
"empSex":document.getElementById("empSex2").value,
},
dataType:"json",
success:function (json){
closeWindow();
alert("修改成功!");
window.location.reload();
},
error:function(){alert("加载员工信息失败,请重试!");}
});
}

,我没加这段代码的时候,整个页面的其它js代码在IE6、8正常工作,但我加了这段代码后,整个页面的js代码就不听话了(onclick没得反应).大家看到我的js代码哪儿有错吗？在json封装数据的时候,最后一个属性多了一个逗号(",")

"empSex":document.getElementById("empSex2").value,把这个多的逗号去掉就行了.

我在做一个项目时,<a οnclick="我的方法">在IE6、8始终没有加载我的一个引入的js代码,在网上找了可能有2个小时,都无济于事,突然看到一位哥们的blog说使用onload来测试加载的我Js代码.我才发现是没有加载我的js代码,我引入的js代码路径绝对是正确的，我也清空了IE6、8的缓存.不知道是什么原因。随后我把js代码写在调用页面onclick就调用我的js代码了。

总结:如果<a>或button的onclick事件没得反应,首先检查js代码有错没得，使用<body οnlοad="你的方法">这种方式可以检测你的js代码是否有错,如果这样能执行你的方法中的代码,仍然还报错,那么再看你的onclick事件的有不有单引号或双引号写错,或者查看不个页面代码是否多了或少了什么符号.

由于IE6、8对逗号、单/双引号特别的感冒,所有大家在写js代码要注意这些细节,不然找错找得你想吐。

相随心声
关注
专栏目录
IE8的JavaScript点击事件(onclick)不兼容的解决方法
10-26
主要介绍了IE8的JavaScript点击事件(onclick)不兼容的解决方法,大家参考使用吧
Ant-Design-Vue快速上手指南+排坑
最新发布
Qpeterqiufengyi的博客
08-15 229
Ant-Design-Vue快速上手指南+排坑
onclick事件没有反应的五种可能情况
qujing_1120的博客
08-07 5162
 onclick=”alert()” 事件没有反应的几种情况。 第一： 双引号包括双引号，将里面的双引号改为单引号。 第二： A没有赋值你或者 a的赋值写在了script里面，而没有写在head里面。这就是公共变量的问题。 第三 事件调用的是方法，是方法就应该加（）小括号。忘了加小括号。 第四 方法名是name（）。可能与某些关键词冲突，换一个名字或者加个123以
form表单中button @click事件失灵（两种思路解决）
2301_76607875的博客
04-09 3012
IE 浏览器 的按钮默认 type 是 button，而其他浏览器中 type 的默认是 submit。我用的浏览器不是IE， 所以button 的 onclick 事件会被 form 的 action 所取代。一开始我的想法是，点击搜索按钮执行 jump() 方法，将输入框内容传到新页面，但是实际情况是，点击搜索按钮后，页面无跳转（一点反应都没有），最后在同事帮助下，得到应该将input外嵌套的 form 标签删除，在删除后，页面成功跳转。我在做后端功能测试时自己写了简单前端页面，发现了此问题。
用python操作浏览器的三种方式_用python操作浏览器的三种方式
weixin_39579127的博客
12-04 1153
第一种：selenium导入浏览器驱动，用get方法打开浏览器，例如：import timefrom selenium import webdriverdef mac():driver = webdriver.Firefox()driver.implicitly_wait(5)driver.get("http://huazhu.gag.com/mis/main.do")第二种：通过导入python...
关于asp.net button按钮的OnClick和OnClientClick事件
01-21
当返回false时OnClick服务器端事件才被中止，当你的js验证有错误，也会跳过验证，直接执行服务器端事件OnClientClick。为了避免这样的错误，可以考虑用服务端验证这样就省去了OnClientClick事件，就不用考虑和...
Android中button的onClick事件几种方法
08-29
在上面的代码中，我们在xml布局文件中使用android:onClick属性指定了button的点击事件处理方法。在Activity中，我们定义了一个公共方法，该方法将在button被点击时被调用。 方法三：使用匿名内部类 第三种方法是...
解决layui中的form表单与button的点击事件冲突问题
10-18
在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...
button绑定onclick无效
qq_38427709的博客
06-11 2682
今天我遇见一个问题，在测试onclick和addEventListener(‘click’,fn)是否生效的时候，发现onclick的方法一直无法触发，我以为是不能同时生效 box.addEventListener( 'click', () => { console.log(1) }) <button type="submit" id="box" οnclick="click()">321312</button> function click() { console
IE10，IE9，IE8等出现控件的click不能触发的问题，罪魁祸首竟然是腾讯
飞跃球门
08-21 9763
在做一个项目，其他浏览器都可以 原文地址：
遭遇IE8下的JavaScript兼容问题
weixin_34191845的博客
12-14 213
博客园闪存分页是用JavaScript生成的，今天发现在IE8下点击页码不能翻页，翻页操作是在当前页码的onclick事件中进行的。 开始代码是这么写的： var a = document.createElement("a");a.setAttribute("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.SetC...
a标签导致的按钮子元素点击无效
qq_41040989的博客
04-11 900
我还一直以为是冒泡的问题，但是写了阻止冒泡还是不太行，后来以为是。标签，就会跳转到页面的首页，由于我这个页面没有滑动条，其实。，点击方法用antd中的气泡弹出窗口，结果就是点击。除此之外，即使我写了阻止冒泡，也没办法阻止。也会跳转， 按照事件冒泡的原理，点击。点击事件是先触发了，但是紧随其后。这个点很重要，记下来，防止忘记，的点击事件，触发了之后才会触发。标签也跳转了，由于速度过快，就已经刷新了，所以看起来就像。组件的问题，看了好久的。标签，问题就解决啦。标签会进行跳转，点击。，这个表示的是，点击。
vue+And移动端开发记录1-button失效及表单禁止修改问题
weixin_45306829的博客
08-09 410
使用css中的z-index属性使得button失效 在父元素设置z-index属性，导致button失效，一开始以为是路由问题，百思不得其解，排查了一小时才发现。 z-index是设置元素优先级的，当元素重叠时，z-index值较大的会显示在上面。 <div class="back" :style="conTop"> <a-button @click='$router.push({name:"moveDetail"})'> <a-icon type="left" /
解决JavaScript中点击事件onclick找不到执行方法
qq_45535776的博客
04-08 6902
解决点击事件执行方法时浏览器出现Uncaught ReferenceError: saveForm is not defined at HTMLButtonElement.onclick (systemBuckUp:126:112) onclick @ systemBuckUp:126
Vue button 的 @click 方法无效 钩子函数没有执行
热门推荐
Snails的博客
08-27 1万+
Vue项目中使用button绑定click事件，事件无法触发methods中的方法解决办法 事故还原 小胖做完公司的项目，老大看着小胖疲惫的脸庞，有点心疼小胖，就给小胖放了三天假，没有给小胖新的需求。小胖平常主要是写的后端，但是最近跟小顺子有点聊技术，小顺子经常把Vue挂在嘴边，小胖有点不服气，正好最近也有时间，打算利用这三天把Vue入个门，但是刚开始就把小胖给难住了，小胖写了一个button，并绑定了click点击事件，但是发现无法触发methods中的but方法，异常提示信息大致的意思是but_aja
IE 浏览器 button的 click 不生效(兼容问题) 原因分析
m0_62099781的博客
05-26 1246
button绑定了事件，传递了$event ,并在JS中使用，在谷歌、火狐都可正常使用，但是当处于IE浏览器时，button绑定的事件就不会被触发
事件捕获事件冒泡事件委派
HiLiou的博客
09-25 242
事件捕获/事件冒泡/事件委托 DOM事件流 事件捕获阶段 当事件发生时，事件从DOM树顶层节点，一直传播到目标节点，这个阶段就叫做事件捕获阶段 事件冒泡阶段 当事件发生时，事件从目标节点，一直传播到DOM树顶层节点，这个阶段就叫做事件冒泡阶段 DOM事件流 当事件发生时，事件传播顺序为：事件捕获阶段—>事件目标阶段—>事件冒泡阶段 阻止冒泡和取消默认事件 阻止冒泡 function stopBubble(e){ if(e && e.stopPropagation){
Java-语言编程
weixin_51686373的博客
11-12 124
事件捕获 ​ Netscape提出的另一种事件流叫做事件捕获，事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。事件捕获的用意在于在事件到达预定目标之前捕获它。还以前面的例子为例。那么单击元素就会按下列顺序触发click事件： ​ 1、document ​ 2、 ​ 3、 ​ 4、 ​ 在事件捕获过程中，document对象首先接收到click事件，然后沿DOM树依次向下，一直传播到事件的实际目标，即元素。 ​ 虽然事件捕获是Netscape唯一支持的事件流模式，但很多主流
说出<!DOCTYPE html> <html> <head> <title>计算器</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>计算器</h1> <input type="text" id="result" readonly> <br> <button onclick="clearResult()">清除</button> <button onclick="deleteChar()">删除</button> <br> <button onclick="addToResult('7')">7</button> <button onclick="addToResult('8')">8</button> <button onclick="addToResult('9')">9</button> <button onclick="addToResult('+')">+</button> <br> <button onclick="addToResult('4')">4</button> <button onclick="addToResult('5')">5</button> <button onclick="addToResult('6')">6</button> <button onclick="addToResult('-')">-</button> <br> <button onclick="addToResult('1')">1</button> <button onclick="addToResult('2')">2</button> <button onclick="addToResult('3')">3</button> <button onclick="addToResult('*')">*</button> <br> <button onclick="addToResult('0')">0</button> <button onclick="addToResult('.')">.</button> <button onclick="calculate()">=</button> <button onclick="addToResult('/')">/</button> <br> <script src="calculator.js"></script> </body> </html> <script> let result = document.getElementById('result'); function addToResult(char) { result.value += char; } function clearResult() { result.value = ''; } function deleteChar() { result.value = result.value.slice(0, -1); } function calculate() { try { result.value = eval(result.value); } catch (error) { result.value = 'Error'; } } </script>这段程序的思路
06-10
它包括一个输入框用于显示计算结果，以及一些按钮用于输入数字和...当用户点击“=”按钮时，程序将使用 JavaScript 的 eval() 函数计算输入框中的表达式并将结果显示在输入框中，如果表达式无法计算则显示“Error”。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值