网络编程
位置:首页>> 网络编程>> JavaScript>> Mootools 1.2教程(5)——事件处理(3)

Mootools 1.2教程(5)——事件处理(3)

作者:Fdream 来源:Fdream博客 发布时间:2008-11-19 16:33:00 

标签:Mootools,1.2,教程,事件,鼠标

删除一个事件

总有一些时候,你一旦不再需要那些事件,于是你需要从一个元素上删除一个事件。删除一个事件和添加一个事件一样容易,甚至连结构都是类似的。

参考代码: 

// 和前一个示例一样
// 只不过把.addEvent换成了.removeEvent
$('id_name').removeEvent('mouseleave', mouseLeaveFunction);

 


textarea或者input中的按键事件

MooTools也可以让你识别文本域(textarea)和文本框(input)中的按键事件。其语法和我们上面看到的类似:

参考代码:


var function = keydownEventFunction () {
    alert('This textarea can now recognize keystroke events');
};

window.addEvent('domready', function() {
    $('myTextarea').addEvent('keydown', keydownEventFunction);
});

上面的代码将会识别任何按键。要针对一个特定的按键,我们需要添加一个参数,然后使用一个if语句:

参考代码: 


// 注意函数括号中的“event”参数
var keyStrokeEvent = function(event){
    // 下面的代码是说:
    // 如果按下的键为“k”,则做下面的事
    if (event.key == "k") {  
    alert("This tutorial has been brought you by the letter k.") 
    };
}

window.addEvent('domready', function() {
    $('myInput').addEvent('keydown', keyStrokeEvent);
});

如果需要其他的控制,比如“shift”键和“control”见,语法略有一点不同:

参考代码: 


var keyStrokeEvent = function(event){
    // 下面代码是说:
    // 如果按下的键是“shift”,则做下面的事
    if (event.shift) { 
    alert("You pressed shift.") 
    };
}

window.addEvent('domready', function() {
    $('myInput').addEvent('keydown', keyStrokeEvent);
});

参考代码:

<div id="body_wrap">
    <input id="myInput" type="text" />
</div>

0
投稿

猜你喜欢

  • 阅读上一篇:请给PNG8一个机会 系列二:对png8的误解Png8的在ie中的怪异表现:1.半透明的png8在ie6以下的浏览器显示为全透明
  • XML被设计用来描述数据,其焦点是数据的内容。HTML被设计用来显示数据,其焦点是数据的外观。    
  • Tag,直译标签,是一种由用户自定义的、用于描述信息 [1]的关键词。Tagging是用户为信息赋予Tag的行为。Delicious,Fli
  •   很多年前,我们就可以轻易的从很多国营商场、火车车厢、饭馆旅馆中看到墙上挂的那个小本本-意见薄,作为经营方与顾客沟通的
  • 经常看到说正则的文章,但说的只是方法,却很少有说以下几个基本概念:1.贪婪:+,*,?,{m,n}等默认是贪婪匹配,即尽可能多匹配,也叫最大
  • XML和XSLT的转换使Web设计受益无穷。借助XML和 XSLT转换,你可以实现将动态用语(dynamic verbiage)和网站内容存
  • 好了,看看我们的代码吧:upload.htm' 上传页面<html> <body>&nb
  • 作用:用ASP程序将页面中的电话号码生成图片格式。以下是引用片段:<% Call Com_CreatValidCode(Request
  • 同时在线访问量继续增大 对于1G内存的服务器明显感觉到吃力严重时甚至每天都会死机 或者时不时的服务器卡一下 这个问题曾经困扰了我半个多月My
  • 相信很多与页面打过交道的同学都对 Yahoo 的 Best Practices for Speeding Up Your Web Site
  • 代码如下: Function closeHTML(strContent) Dim arrTags, i, OpenPos, ClosePos
  • 内容摘要:当我们不想让某IP服务我们的网站时,我们就要写段程序来限制IP地址。asp中如何对ip进行过滤限制?本文介绍了一种方法,这个函数只
  • 是的,我在这里要说:注册表单将死(好拗口啊,但是不知道怎么翻译更恰当)。回想一下,当你想享受一个网站服务的时候,碰到的第一件事是什么?一个表
  • What? 什么是面包屑面包屑是作为辅助和补充的导航方式(secondary navigation scheme),它能让用户知道在网站或应
  • Q0.创建用户【前提】    你必须有CREATE USER系统权限。当你使用CREATE USER语句创建一
  •  IIS上设置301 跳转相信大家都会,只要在网站-属性-主目录里 选择重定向URL就行了,这样整站就跳转到目标站点了,但是有个问
  • 现在Ajax是一个相当火的东西,那么Ajax是什么呢?我的理解Ajax就是一个工具,就是一个客户端的技术,不管用何种服务器端技术都可以用Aj
  • set oSQLServer =server.createobject("SQLDMO.SQLServer")oSQLS
  • 问题:如何用ASP实现点击数统计?比如我要实现某篇文章被浏览一次就增加一个点击数,该怎么做?回答:就是说,比如,你的页面是:shownews
  • 在现代LOGO设计当中,叶子的形状被视做好的创意。或者说,是一种变革的想法。在网页中他们大多被用于轻量级的解决方案、干净的不抽像的设计。在实
手机版 网络编程 asp之家 www.aspxhome.com