Prototype中的Event.observe用法

最新推荐文章于 2023-05-17 09:37:25 发布
最新推荐文章于 2023-05-17 09:37:25 发布
阅读量1k 收藏
点赞数
分类专栏： Javascript | Ajax | CSS 文章标签： prototype Firefox JavaScript HTML C ViewUI
使用Event.observe可以更好地让页面元素与js代码分离,如下面的代码. 
<html>
<head>
	<title>测试</title>
	<script type="text/javascript" src="prototype-1.5.1.2.js"></script>
</head>
<body>
请输入:<input type="text" name="birth" id="birth"/><br/>
<input id="btn_test" type="button" value="测试" />
</body>
</html>
<script type="text/javascript" language="javascript">
		    	Event.observe('btn_test', 'click', test);
		    	function test(){
		    	    alert("弹出消息!!!");
		    	}
</script>


不过,我如果将function test(){}方法变成一个接受参数的方法,那么页面一载入就会执行test弹出消息的方法,而不是等着按钮被点击后执行test,不知道为什么会这样? 
<html>
<head>
	<title>测试</title>
	<script type="text/javascript" src="prototype-1.5.1.2.js"></script>
</head>
<body>
请输入:<input type="text" name="birth" id="birth"/><br/>
<input id="btn_test" type="button" value="测试" />
</body>
</html>
<script type="text/javascript" language="javascript">
		    	Event.observe('btn_test', 'click', test("弹出消息!!!"));
		    	function test(msg){
		    	    alert(msg);
		    	}
</script>

注:我用firefox运行,在错误控制台,看到了有如下的异常信息.
[quote]
错误： uncaught exception: [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: file:///C:/Documents%20and%20Settings/Administrator/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/prototype-1.5.1.2.js :: anonymous :: line 3014" data: no]
[/quote]

有哪位大虾能帮忙解答一下此问题?
qichunren
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VariableObserver:Object.prototype.observe() 的简单替代方案，可轻松附加变量的 onChange 侦听器触发器
07-19
变量观察者 Object.prototype.observe()一个简单替代方案，可以轻松地为变量附加 onChange 侦听器/触发器。 您是否曾经希望能够在变量更改时触发事件，但又不想依赖不受广泛支持的Object.observe()或Object.watch()方法？ 现在你可以。 只需定义您希望监视的某些变量并动态锁定、解锁、设置 onChange 或 onGet 事件。 设置 在脚本中包含variableObserver.js 创建一个VariableObserver()的新实例来保存一组你想观察的变量： var bank = new VariableObserver ( ) ; 添加你想观察的变量： bank . add ( 'currentColor' , 'Green' ) . onChange ( function ( newVal , oldVal ) {
observe_evented:Object.observe和Array.observe变得容易
05-25
一个使Array.observe和Object.observe易于使用的Javascript类。 Observe_evented的特长是将本机API返回的一批更改分为原子事件和一致事件。 它还提供了多个选项，使它们更易于处理。 在上进行测试。 该库没有依赖...
Event.observe
dingbenji5337的博客
12-26 267
Event.observe View source on GitHub → Event.observe(element, eventName, handler) → Element element(Element|String)– The DOM element to observe, or its ID. eventN...
JavaScript中的Event（事件）详解
weixin_64051447的博客
05-17 590
HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为，比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一些常用属性，可将之插入 HTML 标签以定义事件的行为。Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。注：调用多个函数时，只需要用分号隔开即可。如下图：同时触发两种事件。事件句柄 (Event Handlers)事件通常与函数结合使用，
Event.observe(element, eventName, handler[, useCapture = false])
siruoxian的专栏
10-22 257
Event.observe(element, eventName, handler[, useCapture = false]) 在 DOM 元素上注册事件处理程序。 重要提示 首先，如果你曾经使用过 HTML 事件属性（如 &lt;body onload="return myFunction()"&gt;）或 DOM Level-0 的事件属性（如 window.onload = my...
javascript程序库比较（二）：事件处理
A5656665656556的博客
04-09 119
Prototype程序库对标准的addEventListener和removeEventListener方法提供了浏览器兼容方案，分别成为Event.observe和Event.stopObserving。 例如： 　　Event.observe(element,'event','eventlistener); 　　Event.stopObserving(element,'even...
prototype的Event.observe
horace_lee的专栏
10-15 127
[code="js"] function test() { alert("clicked"); } Event.observe("reg", "click", function () { Event.observe("btn", "click", test, false); $("status&quo
Object.observe-
07-12
- 是在 Object.prototype 上定义的方法 - 它是 ECMAScript 7(Harmony) 规范的一部分。 - 在浏览器级别异步观察对象的变化。 - 观察者按照它们发生的顺序接收一系列变化。 - 使用 Object.unobserve() 移除监听器...
Object.observe, Object.observe polyfill/shim尝试兼容.zip
09-18
Object.observe, Object.observe polyfill/shim尝试兼容 其他选项MaxArt2501已经经开始了自己的Object.observe polyfill，看看他的提交历史和推理，让我认为它可以能会很好地支持。 如果你寻找一个 Object.observe ...
observe:部分Object.observe polyfill
04-30
观察 局部Object.observ Polyfill。 “观察”是一个非常微小且不完整... 如果可用，它将使用本机Object.observe建造npm运行构建运行测试npm测试Observe ✓ should notify of any property changes1 passing (13ms)
Event.observe事件观察
weixin_30535043的博客
10-10 167
Event.observe($("txtnickName"),'blur',fncheckName); 此句将在txtnickName丢失焦点后，调用fncheckName 转载于:https://www.cnblogs.com/lishenglyx/archive/2008/10/10/1307752.html
Event.observe和Event.stopObserving
大巧不工
10-16 1307
var ClassA = Class.create();ClassA.prototype = {initialize : function(){},observe : function(){Event.observe($(’span’),’click’,this._handlerA.bind(this));Event.observe($(’span’),’click’,this
prototype中Event.observe的测试
weixin_34006468的博客
11-01 107
Event.observe主要是对某个对象绑定事件，来看看官方的说明 Event.observe(element,eventName,handler) RegistersaneventhandleronaDOMelement. 看例子 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""ht...
事件Observer模式
老夫的少女心
06-27 197
在认识委托和事件之后，可以进阶一下一些设计模式了，这篇主要描述的是关于事件处理机制中的基础，一种叫做“观察者模式”的设计模式：ObServe设计模式，这种设计模式是针对面向对象语言，对象间的一种一对多的依赖关系，以便于主干的状态发生变化时，其他依赖于主干的依赖象也会受到影响，自动告知并更新；这种设计模式也是一种松耦合的设计模式； 再深入的描述一下Observe模式中主要存在那些成员，之间有什么样...
观察者Observe(刷新数据)
EncounterTo的博客
04-11 1245
自定义一个观察者： public class MyObservable extends Observable { private static MyObservable instance = null; public static MyObservable getInstance() { if (null == instance) { ...
JavaScript仿Windows关机效果
浩瀚星空，法力无边；其大无外，其小无内。
03-09 5030
基本原理分析Windows关机效果分析使用Windows系统的用户在关机的时候，出现的界面只允许用户选择关机、注销或取消动作，而桌面上的程序都不能使用，并且屏幕呈现灰色状态。本例将仿照这种高亮显示的效果在网页上实现.在网页上运用这种关机效果有什么好处呢？首先，由于单击某一链接后，将用户此时不可用的操作隐藏在后台，将可用的操作放在屏幕最上层，并高亮显示，可以避免用户的误操作。其次，将信息
Object.observe
最新发布
07-29
Object.observe是一个已经废弃的JavaScript特性，用于监听对象的变化并触发回调函数。它允许开发者在对象的属性发生变化时进行相应的处理。然而，由于该特性在实践中存在一些问题，并且对性能有一定的影响，因此在ECMAScript 2016标准中被弃用。 替代Object.observe的方法是使用ES6中的Proxy对象，它提供了更灵活和高效的方式来监听对象的变化。使用Proxy对象，开发者可以拦截并处理对目标对象的操作，包括属性的读取、设置、删除等。 以下是一个使用Proxy对象实现对象属性监听的简单示例： ```javascript const target = { name: 'John', age: 30 }; const handler = { set(target, key, value) { console.log(`Setting ${key} to ${value}`); target[key] = value; } }; const proxy = new Proxy(target, handler); proxy.name = 'Alice'; // 输出：Setting name to Alice proxy.age = 25; // 输出：Setting age to 25 ``` 通过上述示例，当对proxy对象进行属性赋值操作时，会触发handler中的set方法，并输出相应的日志。 需要注意的是，由于Object.observe已经被废弃，如果你在新的项目中需要监听对象属性的变化，建议使用Proxy对象来实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值