`
byf157
  • 浏览: 207712 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

实现onchange无法实现的功能:通过js监听属性变化事件

    博客分类:
  • java
 
阅读更多
<input type="text" name="startdate" onClick="this.value='2012-06-02';isflag=true;" readonly>
<script type="text/javascript"> 
   
var isflag=true;
function setJiDu(){
isflag = false;
alert("设置当前季度的开始时间、结束时间。");
}
document.getElementById('startdate').attachEvent('onpropertychange',function(o){
if(o.propertyName =='value' && isflag == true ){
setJiDu();
}
});
</script>
分享到:
评论

相关推荐

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

    onChange 在属性值转变时还必需使得当前元素失去焦点(onblur)才可以激活该事件,onpropertychange 则可以在IE下捕获元素的属性变化。 了解了这两者的不同之后,我们可以使用onpropertychange 来监听输入框值的即时...

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

    综上所述,文章详细讲述了在Web开发中如何使用不同的JavaScript事件来监听input元素的值变化,并提供了多种方法来确保代码在不同浏览器中的兼容性和功能的完整性。这使得文章成为了一个很好的资源,供前端开发人员在...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在 EasyUI 中,`onchange` 事件同样适用于 `easyui-textbox` 和 `easyui-combobox`,可以用来监听用户在这些组件上的操作,例如输入或选择值后进行相应的处理。 以下是一个基本的 `onchange` 事件响应实例: ```...

    easy-ui onchange/easy-ui添加onchange

    在Easy-UI中,`onchange`事件是用于监听用户在组件(如Combobox)中做出改变时触发的事件,这对于实现动态交互和数据处理至关重要。 首先,我们来看如何为Easy-UI的Combobox添加`onchange`事件。在HTML结构中,我们...

    jsp中select的onchange事件用法实例

    为了响应用户的选择变化(如选择了不同的项),可以使用JavaScript编写事件监听函数,并通过onchange事件与之关联。本文将详细探讨在JSP中如何使用select的onchange事件,包括数据库查询、数据遍历及与JavaScript的...

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

    由于它能实时监控属性变化,因此在某些情况下比`onchange` 更具有优势,但不兼容其他现代浏览器。 3. `oninput` 事件: `oninput` 是HTML5引入的新特性,用于实时监听用户对输入元素的修改。每当元素的值因为用户...

    JavaScript实现前端实时搜索功能

    - `onpropertychange`事件:在IE浏览器中,此事件可以捕获任何属性的变化,但不幸的是,它是IE浏览器特有的。 - 绑定事件到输入框: ```javascript $('.searcher-text').on('input', function() { ...

    onchange观察一个对象或数组的更改

    7. **第三方库**:提及的`sindresorhus/on-change`库就是一个实例,它提供了一个简单的API来监听JavaScript对象的属性变化,并在发生变化时触发回调。这个库可以帮助开发者在没有使用特定框架的情况下,实现类似的...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十五:事件处理

    在JavaScript中,事件处理通常有两种方式:事件监听器(Event Listeners)和传统事件处理程序。传统事件处理程序是通过在HTML元素上直接设置`onclick`、`onmouseover`等属性来实现的,而事件监听器则是通过...

    JavaScript表单属性判断以及存取(真实开发使用的js)

    本文将详细讲解如何利用JavaScript操作表单元素,进行有效的判断与存取,以提升用户体验和功能实现。 一、表单元素获取 在JavaScript中,我们可以通过以下几种方式获取表单元素: 1. `document.getElementById(id...

    Radio 单选JS动态添加的选项onchange事件无效的解决方法

    这个问题常常出现在使用JavaScript动态向页面中添加单选按钮(radio)时,为这些动态添加的单选按钮绑定的onchange事件无法正常触发。描述中提到,通过使用delegate()函数可以有效解决此类问题。 在了解如何解决...

    onchange和onpropertychange

    标题中的“onchange”和“onpropertychange”是JavaScript中两个与事件相关的属性,它们都是在HTML元素上触发特定行为的事件监听器。在本文中,我们将深入探讨这两个事件的区别、用法以及如何在实际开发中应用它们。...

    javascript\JS使用大全收藏

    1. **事件处理**:JavaScript 通过事件监听来响应用户或浏览器的行为。例如,`onBlur`事件会在元素失去焦点时触发,`onFocus`则在元素获取焦点时触发,`onChange`在表单字段内容改变时触发,`onSelect`则在用户选中...

    纯JavaScript实现获取onclick、onchange等事件的值

    在本篇文章中,我们将探讨如何纯JavaScript实现获取这些事件的值,特别是在特定场景下的应用。 `onclick`事件是在用户点击HTML元素时触发的事件,通常与函数关联,用于执行某些操作。例如,你可以为一个按钮设置`...

    js实现下拉框选择要显示图片的方法

    这通常是通过在`&lt;select&gt;`元素中添加`onChange`属性来实现的,该属性的值是JavaScript代码,用于指定当选项改变时需要执行的函数。在这个函数中,我们将根据`&lt;select&gt;`元素当前选中的值(`selectedIndex`属性)来...

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

    要实现这些功能,JavaScript 提供了几个事件监听器,其中最常用的是 `onpropertychange` 和 `oninput`。 ### onpropertychange 事件 `onpropertychange` 是 Internet Explorer 浏览器特有的事件,当一个 HTML 元素...

    JAVAScript经典例子

    2. **表单交互**(02-表单):JavaScript可以监听表单事件,如`onsubmit`、`onchange`等,实现表单验证和数据处理,避免无效数据提交。例如,通过`event.preventDefault()`阻止表单默认提交行为,或用`querySelector...

    第11章JAVASCRIPT事件和浏览器[参考].pdf

    1. **事件处理概述**:事件处理是JavaScript编程中的关键部分,它允许程序根据用户的操作或者浏览器的状态变化做出响应。事件处理流程包括:事件发生 -&gt; 触发事件处理程序 -&gt; 处理程序执行相应操作。通过为对象绑定...

Global site tag (gtag.js) - Google Analytics