IE下onchange事件不立即执行

最新推荐文章于 2019-06-14 11:58:37 发布

weixin_33869377

最新推荐文章于 2019-06-14 11:58:37 发布

阅读量388

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/pbnull/p/4567233.html

本文介绍了在IE8及以下版本浏览器中遇到的onchange事件触发问题，并提供了解决方案，即将onchange事件替换为onclick事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　做前端开发免不了为浏览器的兼容而劳神，所以坚持把发现的浏览器兼容问题做做总结，是很有意义的。

比如IE8及以下的浏览器的onchange事件实在该控件失去焦点之后才执行的，也就是要点一下空白的地方，才能执行。解决办法很简单，改成onclick事件就好了。

来看个例子：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="checkbox" onchange="say()"/><label>点这里选择勾选</label>
</body>
<script>
    function say() {
        alert("successfully selected!");
    }
</script>
</html>

在IE8及以下的浏览器中，点击勾选之后，必须点击一下空白的区域才会弹出successfully selected!，解决的办法呢就是把onchange="say()"，改成onclick="say()"就OK啦！

转载于:https://www.cnblogs.com/pbnull/p/4567233.html