`
madbluesky
  • 浏览: 83792 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript 自定义事件

阅读更多
用js实现自定义事件
-----
这种方式逻辑上是可以监测 "值改变"也就是 "自定义事件"的,但我不太确定它是否会有其他问题,网上没看到这种实现方式
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>myEventTest.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
	function dealWithMyEvent(){
		alert("deal with myEvent!");
	}
	var oldValue = "";
	var testInput;
	window.onload = function(){
		testInput = document.getElementById("testInput");
	 	window.setInterval(monitorMyEvent,100);
	}
	function monitorMyEvent(){
		if(testInput.value != oldValue){
			var fun = testInput.getAttribute("onValueChange");
			eval(fun);
			oldValue = testInput.value;
		}
	}
	</script>
  </head>
  
  <body>
    <input id="testInput" type="text" onValueChange="dealWithMyEvent()" />
  </body>
</html>
分享到:
评论

相关推荐

    javascript自定义事件功能与用法实例分析.docx

    ### JavaScript自定义事件功能与用法实例分析 #### 概述 在JavaScript中,自定义事件(也称为自定义事件)是一种强大的工具,允许开发者在不同的模块或组件之间建立通信渠道。这种通信机制基于观察者模式,即一个...

    JavaScript自定义事件的创建与应用:深入指南

    本文将详细介绍如何在JavaScript中创建和使用自定义事件。 自定义事件是JavaScript中一个强大的功能,它允许开发者创建灵活且功能丰富的事件系统。通过本文的介绍,你应该对如何在JavaScript中创建和使用自定义事件...

    Javascript自定义事件详解

    Javascript自定义事件,其本质就是观察者模式(又称订阅/发布模式),它的好处就是将绑定事件和触发事件相互隔离开,并且可以动态的添加、删除事件。 下面通过实例,一步一步构建一个具体的Javascript自定义事件对象...

    javascript自定义事件功能与用法实例分析

    JavaScript自定义事件功能与用法,是Web开发中一项极为重要的技术,它涉及到JavaScript的事件驱动编程模式。在传统的事件编程中,通常使用浏览器提供的标准事件,例如鼠标点击、键盘输入、页面加载等。而自定义事件...

    javascript实现自定义事件

    javascript实现自定义事件,纯javascript不含vbscript。 通过自定义的HashMap.js和EventManager.js实现自定义事件的监听addEvent和发布fireEvent

    JavaScript 自定义事件之我见

    总结来说,JavaScript自定义事件是一种强大的工具,它扩展了浏览器原生事件的能力,使开发者能够更好地组织代码、实现模块化,并为插件提供可扩展性。通过自定义事件,我们可以精确地控制代码的执行时机,以应对复杂...

    超简单JavaScript自定义对象的自定义事件机制示例

    1、超简单JavaScript自定义对象的自定义事件机制示例。 2、带示例及详细注释,总共40行左右的代码。支持多播、任意多个参数。 3、不需要定义和引用其它任何东东。

    javascript 自定义事件初探

    自定义事件是JavaScript中事件机制的一个扩展,允许开发者为自己的对象或类定义特定的事件,从而增加了代码的灵活性和可扩展性。这使得对象能够通过触发自定义事件来通知其他部分的代码,而无需直接耦合。下面我们将...

    customevent:使用三个不同的侦听器执行基本购物篮功能的 JavaScript 自定义事件示例

    自定义事件使用三个不同的侦听器执行基本购物篮功能的 JavaScript 自定义事件示例。 包含三个示例侦听器,通过编辑 index.html 来调用它们以在您空闲时包含或排除以下脚本: &lt; script src =" basketLogger.js " &...

    javascript之自定义事件

    在JavaScript中,自定义事件是一种强大的机制,它允许开发者创建自己的事件类型,以便在不同的对象之间传递信息或协调状态更新。这种技术对于大型应用程序或游戏的模块化和解耦至关重要。在JavaScript中实现自定义...

    JavaScript自定义事件介绍

    很多DOM对象都有原生的事件支持,向div就有click、mouseover等事件,事件机制可以为类...随着web技术发展,使用JavaScript自定义对象愈发频繁,让自己创建的对象也有事件机制,通过事件对外通信,能够极大提高开发效率

    为jQuery添加自定义事件机制

    本文将深入探讨如何为jQuery添加自定义事件机制,这将帮助开发者扩展jQuery的功能,实现更加个性化的交互逻辑。 首先,我们要了解jQuery的事件系统是基于浏览器的事件模型构建的。默认情况下,jQuery提供了如click...

    FineReport中如何用JavaScript自定义地图标签

    总的来说,FineReport通过引入JavaScript自定义功能,极大地增强了其地图组件的灵活性和适用性。用户可以根据自身业务需求,编写复杂的逻辑来实现地图标签和提示点的个性化显示,从而提供更加丰富和精确的数据可视化...

    javascript自定义滚动条样式

    JavaScript 自定义滚动条样式是一种常见的前端技术,它允许开发者通过 CSS 和 JavaScript 对浏览器默认的滚动条进行美化和个性化,以提升用户体验和界面设计的一致性。在网页设计中,滚动条往往是不可忽视的一部分,...

    Javascript自定义日历控件

    JavaScript自定义日历控件是前端开发中常见的一种交互元素,它允许用户在网页上方便地选择日期。本文将深入探讨如何使用JavaScript实现一个自定义的日历控件,包括其核心概念、设计思路以及实现步骤。 一、核心概念...

    利用Javascript实现一套自定义事件机制

    本文将探讨如何利用JavaScript实现一套自定义事件机制。 首先,自定义事件应具备的基本功能包括: 1. **绑定事件**:将事件处理函数与特定事件类型关联。 2. **触发事件**:执行与事件相关联的所有处理函数。 3. *...

    javascript 自定义属性的使用

    使用Javascript的自定义属性实现一个按钮被点击两次后,让其不可用。

Global site tag (gtag.js) - Google Analytics