`
满楼都是我的人
  • 浏览: 11757 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

JavaScript实现多播事件、属性设置的方式

阅读更多
网上大多都是用 function (类似 person.getname()、person.setname())的方式。当然,这是一个通用的方式。

但是在非 ie 的浏览器下,你可以尝试运行以下代码

    function person()
    {
     var _name
      ,_age,_sex;
      
        var _namechanged = new array();

        this.__definegetter__('namechanged',function()
     {
      return _namechanged;
     });
     this.__definesetter__('namechanged',function(value)
     {
      _namechanged.push(value);
     });

     this.__definegetter__('name',function()
     {
      return _name;
     });
     this.__definesetter__('name',function(value)
     {
            if(this.namechanged != null)
            {
                for(var f in _namechanged)
                {
                    _namechanged[f](value);
                }
            }
      _name = value;
     });
    
     this.__definegetter__('age',function()
     {
      return _age;//www.3ppt.com
     });
     this.__definesetter__('age',function(value)
     {
      _age = value;
     });
    }
    person.prototype =
    {
        get sex()
        {
            return _sex;
        },
        set sex(value)
        {
            _sex = value;
        }
    };
    var person = new person();

    person.namechanged = function()
    {
        alert('event 1');
    }
    person.namechanged = function()
    {
        alert('event 2');
    }

    person.name = 'treenew';
    person.age = '22';
    person.sex = 'man'
    alert('the ' + person.name + ' age is '+ person.age + '. the sex value is ' + person.sex);
    alert(person._sex); //undefined


分享到:
评论

相关推荐

    使用html+css+javascript实现一个漂亮、炫酷的表白页面,给出源码

    使用html+css+javascript实现一个漂亮、炫酷的表白页面,给出源码,该页面使用 CSS 的 radial-gradient 函数实现了爱心背景,并且使用了 filter 属性和 text-shadow 属性来增加页面的视觉效果。同时,使用了 CSS 的 ...

    程序天下:JavaScript实例自学手册

    14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...

    HTML轮播图是一种常见的网页设计元素,用于在网页上展示多张图片或内容,并以一定的方式进行切换或滚动 它可以为网页增加动态效果和

    实现HTML轮播图的方法有多种,以下是其中一种常见的实现方式: 1.HTML结构:使用元素作为...常用的实现方式是通过设置定时器来实现自动切换,并通过事件监听来实现手动控制。 以下是一个简单的HTML轮播图的示例代码:

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    目录 ...1.4 本章小结 12 第2章 HTML 5的常用元素与属性 14 ...2.3 HTML 5保留的通用属性 40 2.4 HTML 5新增的通用属性 44 ...第3章 HTML 5表单相关的元素和属性 72 ...20.4 实现游戏逻辑 644 20.5 本章小结 654

    《程序天下:JavaScript实例自学手册》光盘源码

    14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...

    JavaScript网页特效范例宝典源码

    实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

    JavaScript应用177例

    3.3.htm 用对象的方式实现数组 3.4.htm 将数组转换为字符串 3.5.htm 操作数组元素 3.6.htm 实现多维数组 第4章(\cha04) 4.1.htm 求平方根 4.2.htm 求质数 ...

    精通javascript

    • 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 第12章(\第12章) • 12.1.htm Document树的简单例子 • 12.2....

    精通JavaScript

    • 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 第12章(\第12章) • 12.1.htm Document树的简单例子 • 12.2....

    JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

    主要介绍了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法,涉及javascript针对页面元素样式及属性的相关操作技巧,需要的朋友可以参考下

    九个键的钢琴的前端页面

    通过JavaScript代码中的playNote函数,它会创建音频元素,并将音频源设置为相应音符的MP3文件。然后,它会加载音频并播放它。 点击效果:当你点击白键时,它会添加一个active类来显示点击效果。这通过JavaScript代码...

    基于Qt编写的音乐播放器,界面由QML编写,网络和文件由C++实现,能够搜索和播放在线歌曲。.zip

    Signal & Slot机制是Qt中实现对象间事件驱动通信的核心方式。信号代表对象状态变化或事件发生,槽则是响应这些信号的可调用实体。这种松耦合的通信方式简化了异步编程和事件处理。 QML与Qt Quick: QML是一种...

    JavaScript实用范例词典04-14

    9.25 改变文字字段中文字的对齐方式... 271 9.26 双重输入文字... 272 9.27 以图片显示输入的数字... 273 9.28 制作Google搜索表单... 275 9.29 一个简单的计算器... 276 9.30 取得文字区域中文字的行数... 277...

    JavaScript实现自定义媒体播放器方法介绍

    组合使用属性、事件和这两个方法,很容易创建一个自定义的媒体播放器,如下面的例子所示。 <video id=player src=movie.mov poster=mymovie.jpg width=300 height=200> Video player not available. &...

    从入门到精通HTML5——PDF——网盘链接

     2.5.4 设置链接文字属性——link 35  2.5.5 设置边距——margin 37  2.6 页面的注释标记 38  2.7 实例演练——创建基本的HTML网页 38  2.8 小结 39  2.9 习题 40  第3章 设计网页文本内容 41  教学录像:29...

    使用javascript和HTML5 Canvas画的四渐变色播放按钮效果

    <canvas></canvas>是html5出现的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js能够调用它来进行绘图,本文使用canvas标签和Javascript配合画出了一个四色渐变的播放按钮效果...

    Mediabuffer:缓冲 HTML5 音频视频以实现不间断播放

    原生 JavaScript,无依赖。 在 MIT 许可下发布,基于。 使用,基于 。 ##用法 var foo = new Mediabuffer ( element , progressCallback , readyCallback [ , disableMobileCheck [ , forceFullDownload ] ] )...

    基于Qt Creator实现中国象棋人机对战, c++实现.zip

    Signal & Slot机制是Qt中实现对象间事件驱动通信的核心方式。信号代表对象状态变化或事件发生,槽则是响应这些信号的可调用实体。这种松耦合的通信方式简化了异步编程和事件处理。 QML与Qt Quick: QML是一种...

    HTML5多媒体开发指南

    ● 使用canvas实现绘图、动画、特效和事件 ● 使用原生的<video>元素创建和观看视频 ● 使用原生的<audio>元素添加并播放音频 ● 充分利用本地数据存储功能的长处 ● 使用geolocation属性创建地理...

Global site tag (gtag.js) - Google Analytics