`
conkeyn
  • 浏览: 1522655 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

解决IE7 IE8的input不触发onchange事件

    博客分类:
  • HTML
阅读更多
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<input type="text" id="input1" >
<div id="output" ></div>
<script type="text/javascript">
$('#input1').click(function () {
    // Cause the change() event
    // to be fired in IE8 et. al.
    this.blur();
    this.focus();
});
$('#input1').change(function() {
	change();
});
function change(){
	$("#output").html($("#input1").val());
}
</script>
</body>
</html>

 

分享到:
评论

相关推荐

    javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

    在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件. 这样一来问题就解决了. 那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了. 但是oninput有个诡异,...

    js触发onchange事件的方法说明

    这样可以保证在IE和Firefox两种主要浏览器中都能触发onchange事件。 总结来说,触发JavaScript中onchange事件主要有两种方式:使用fireEvent方法或判断兼容性后触发。fireEvent('onchange')是直接且简便的方法,...

    input标签内容改变的触发事件介绍

    oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发;onpropertychange事件是任何属性改变都会触发,而oninput却只在value改变时触发,oninput要通过addEv

    oninput,onpropertychange,onchange的用法和区别

    oninput 事件是 onpropertychange 事件的非 IE 浏览器版本,它可以检测当前对象的值变化,但是它与 onpropertychange 事件不同之处在于,它只在对象的值发生变化时触发事件,而不检测其他属性的变化。 在实际开发中...

    jQuery/JS监听input输入框值变化实例

    与onchange不同,oninput事件在用户输入时就会触发,即输入框的值发生变化的那一刻就会触发,非常适合需要实时反馈输入情况的场景。oninput事件在大多数现代浏览器中都得到支持,包括Firefox, Google Chrome, Opera,...

    onchange,onpropertychange,oninput键盘输入和js赋值时区别

    在JavaScript中,`onchange`、`onpropertychange` 和 `oninput` 是与用户交互相关的事件,它们各自有特定的触发条件,特别是在处理表单元素的键盘输入和JavaScript动态赋值时。以下是对这三个事件的详细解释: 1. `...

    jsp 文件上传浏览,支持ie6,ie7,ie8.docx

    // 新的预览代码,支持IE6、IE7,IE8也支持,firefox不支持! var newPreview = document.getElementById("newPreview"); newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile...

    javascript checkbox/radio onchange不能兼容ie8处理办法

    然而,在IE8及更早版本的Internet Explorer浏览器中,对于`checkbox`和`radio`这类控件,`onchange`事件并不总是能够正常工作,尤其是在用户通过键盘操作或使用空间键进行选择时。这个问题主要是由于IE8的事件模型和...

    兼容ie6、ie7、ie8 和FF的本地上传图片预览

    3. **IFrame与Flash/Silverlight**:由于IE6、7、8不支持FileReader API,我们需要借助IFrame或者Flash/Silverlight插件来读取文件。用户选择文件后,这些插件可以在沙盒环境中安全地访问文件,并将文件内容暴露给...

    IE7不能立即显示上传的图片

    ### IE7不能立即显示上传的图片 #### 问题背景与挑战 在早期的Web开发过程中,尤其是在使用Internet Explorer 7 (IE7) 这样的老旧浏览器时,经常会遇到一些兼容性问题。其中一个典型的问题就是在用户从本地选择...

    兼容Firefox和IE的onpropertychange事件oninput

    在JavaScript中,处理DOM元素状态变化的事件有多种,其中包括`onpropertychange`、`onchange`和`oninput`。这些事件在不同浏览器中有着不同的表现和兼容性,尤其是在Internet Explorer (IE) 和 Firefox之间。 `...

    关于onchange事件在IE和FF下的表现及解决方法

    本文将围绕onchange事件在微软的Internet Explorer(简称IE)和Mozilla Firefox(简称FF)浏览器中的表现差异进行讨论,并提供相应的解决方案。 首先,onchange事件是一个非常常用的事件,它在元素值发生改变并失去...

    js监听输入框值的即时变化onpropertychange、oninput.docx

    oninput 事件可以在输入框值发生变化时被触发,可以实时监听输入框值的变化。但是,在将oninput 事件注册到输入框时,需要注意浏览器的差异。在IE下,可以使用attachEvent 方法来注册事件,而在其他浏览器中,需要...

    模拟用户操作Input元素,不会触发相应事件

    具体来说,当我们尝试通过JavaScript代码来模拟用户点击或修改`&lt;input&gt;`元素时,通常绑定在这些元素上的事件(如`onClick`、`onChange`等)并不会被触发。例如: ```html &lt;input type="button" value="按钮0" ...

    onchange和onpropertychange

    onchange事件主要应用于表单元素,如input、select或textarea等。当用户离开输入控件(失去焦点)并且其值发生了变化时,onchange事件会被触发。这个事件通常用于实时验证用户输入或者在用户更改选项后更新页面状态...

    asp.net IE6、7、8 图片上传前预览

    `onchange`事件被用来触发预览函数`setImagePreview()`。 3. **JavaScript函数`setImagePreview()`**: - `docObj`获取到`&lt;input type="file"&gt;`元素,`preview`获取到`&lt;img&gt;`元素。 - 如果支持`files`属性(如...

Global site tag (gtag.js) - Google Analytics