易栈网-膘叔（Neatstudio.COM）

浏览模式: 标准 | 列表分类:Javascript

IE和Firefox下event乱谈

Submitted by gouki on 2008, April 3, 3:40 PM

本文属于多次转摘的文章，来自于Javaeye，但具体地址不明。文章写的挺详细，适合经常在IE和FF下面进行开发的人员。这么多种的浏览器呀，害死多少人。。。

» 阅读全文

Javascript | 评论:0 | 阅读:20383

jQuery的bind函数

Submitted by gouki on 2008, March 30, 8:55 PM

jQuery学习之bind

在mootools里面，如果要为某个DOM或者HTML标签等绑定一个操作用的是addEvents，移除一个事件的时候用的是removeEvents，在jQuery里面就相对比较简单，直接用bind函数和unbind函数就行了。

例如为一个button添加一个click。可以这样操作

XML/HTML代码

<input type='button' id='myBtn'>

这是一个button，现在我们要为他添加一个事件

JavaScript代码

<script>
$('#myBtn').bind("click",function(){
alert('click');
});
</script>

这样，我们就为这个button绑定了一个click的事件。

bind函数可以有三个参数，当第二个参数不是一个函数，而是一个数据对象时，它将默认做为bind第三个参数（函数）的参数。例如：

XML/HTML代码

<script>
function showAlert(events){
alert(events.data.foo);
}
$('#myBtn').bind('click',{foo:'click'},showAlert);
</script>

点击时，同样会显示:click

这些就是bind的一些基本用法，当然还有一些方法

比如在绑定方法的时候，用的是return false;可以让这个方法失效

JavaScript代码

<script>
$('#myBtn').bind('click',function(){
return false;
})
</script>

这样，刚才绑定的click又失效了，不过，这种方法往往用在submit提交的时候比较多。

还有一些方法可以取消默认行为和阻止事件起泡：preventDefault 和stopPropagation

例：

JavaScript代码

<script>
$('#myBtn').bind('click',function(event){
event.preventDefault();//取消默认的click行为
});
$('#myBtn').bind('click',function(event){
event.stopPropagation();//阻止click事件起泡
});
</script>

Tags: jquery

Javascript | 评论:1 | 阅读:41637

判断JS对象是否存在

Submitted by gouki on 2008, March 22, 10:25 PM

在WEB应用中，可能会经常使用一些JS框架，或者使用一些已经存在的变量，如果我全程参与开发，那么自然不存在需要判断变量是否存在的问题，但如果多人开发，或者是写一框架，最后由别人运行，那么势必需要在运行前判断某些我需要用到的变量或者对象啥的是否存在。

最后我的判断方法是采用了Javascript的标准判断，if(typeof(Test) == 'undefined')可以得知是否存在这个变量，当然直接用if(typeof(Test) == 'object')就可以判断是不是对象了。

看了流年写的Base.js才发现，原来也可以这样
function is_object(obj) {
return (obj.constructor.toString().indexOf("Object")!= -1);
}

毕竟所有的东西，在JS里几乎都可以算是对象，所以这样也能够来进行判断，学习一下……

不过，相对而言，应该是 typeof 更快捷吧

Javascript | 评论:2 | 阅读:35373

推荐一个Jquery插件:autoComplete

Submitted by gouki on 2008, March 14, 11:23 PM

看了我的上篇文章，应该可以知道jQuery还是有很多插件的，其中autoComplete插件就有很多，现在我主要推荐一个：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/，详细的可以看例子：http://dev.jquery.com/view/trunk/plugins/autocomplete/

» 阅读全文

Tags: jquery

Javascript | 评论:0 | 阅读:35728

jQuery一些插件的链接［转］

Submitted by gouki on 2008, March 13, 10:32 PM

概述

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章，特推荐如下。