JavaScript学习——事件
这两天上午一直在学习JavaScript,由于总是在看,效果不是很大,也好久没有发表文章了,所以为了更好的学习,把学到的东西记录下来。我学习JavaScript的书是《精通JavaScript+jQuery》,如果大家有更好的书请推荐。
一. 事件的概念
C#中事件的定义:事件类似于异常,它们都由对象引发,可以提供代码来处理事件。
我的理解是:当发生某件事时,用相应的方法去处理。
二. 事件流
浏览器中事件分为两种:冒泡型事件和捕获型事件。
冒泡型事件:从DOM层次的最低端一级级往上升。
捕获型事件:与冒泡型事件正好相反,从最不精确的到最精确的。
三. 事件监听
有三种方式可以设置监听。
1.HTML标签中直接分配事件处理函数。
<p onclick="alert('我被点击了');">Click Me</p>
2.结构行为分离:
<script language="javascript">
window.onload = function(){
var oP = document.getElementById("myP"); //找到对象
oP.onclick = function(){ //设置事件监听函数
alert('我被点击了');
}
}
3.事件监听函数(可添加多个监听函数)
(1).IE中
<mce:script language="javascript" type="text/javascript"><!--
function test() {
alert("你好");
}
function test1() {
alert("测试二");
var oP = document.getElementById("myP")
oP.detachEvent("onclick", test1);
}
function test2() {
var oP = document.getElementById("myP");
oP.firstChild.nodeValue = "Click you";
}
window.onload = function() {
var oP = document.getElementById("myP")
oP.attachEvent("onclick", test);
oP.attachEvent("onclick", test1);
oP.attachEvent("onmouseov
相关文档:
Build your web applications quickly and easily using the industry leading web application IDE -- Aptana Studio.
Introduction:
Aptana Studio is a complete web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript, along with thousands of additional plugins ......
function $id(s) {
return document.getElementById(s);
}
//判断小数
function IsFloat(s) {
if (!/^[+\-]?\d+(.\d+)?$/.test(s))
return false;
else
return ......
/*
限制输入字符的位数
str是用户输入字符串,len是要限制的位数
----------------------------
*/
function isSmall(str,len){
if (str.length<len){
return(true);
&nb ......
要取什么值?
取value:getElementById("STB_433").value;
取状态(是否check):getElementById("STB_433").checked
取ID:getElementById("STB_433").id
...
var checkboxs=document.getElementsByTagName("input");
var i;
for(i=0;i<checkboxs.length;i++)
{
if(checkboxs[i].type=='checkbox')
{ ......
10、mootools.js的写类方式
mootools.js的最新版本是1.2.3,这里使用的是1.2.0。mootool被设计成非常紧凑的,模块化的,面向对象的的js库。mootool中写类用Class类。Class类由Native类new出来的:
/*
*Script: Class.js
*/
var Class = new Native({
name: 'Class',
initialize: function(properties){
propert ......