JavaScript事件
2016-03-13 13:12
274 查看
源自:慕女郎
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。
主要是的属性事件如下:
onclick:鼠标单击事件
onmouseover:鼠标经过事件
onmouseout:鼠标移开事件
onchange:文本框内容改变事件
onselect:文本框内容被选中事件
onfocus:光标聚集
onblur:光标离开
onload:网页导入
onunload:关闭网页
2、具体事件应用介绍
1)onfocus应用方法,当文本框获取光标时,清空文本框已有内容
var box=document.getElementById("textarea");
box.innerHTML="";
注:1.innerHtml是<div>标签内的文本,输入输出到该DOM内部纯HTML代码(流);
(获得td、div等html元素时候,它们是没有value或是text属性,只能用innerHtml)
2.value是表单元素特有的属性,输入输出的是转义文本(字符串);
2)onload事件
事件会在页面加载完成后,立即发生,同时执行被调用的程序。
注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。
2. 此节的加载页面,可理解为打开一个新页面时。
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。
主要是的属性事件如下:
onclick:鼠标单击事件
onmouseover:鼠标经过事件
onmouseout:鼠标移开事件
onchange:文本框内容改变事件
onselect:文本框内容被选中事件
onfocus:光标聚集
onblur:光标离开
onload:网页导入
onunload:关闭网页
2、具体事件应用介绍
1)onfocus应用方法,当文本框获取光标时,清空文本框已有内容
var box=document.getElementById("textarea");
box.innerHTML="";
注:1.innerHtml是<div>标签内的文本,输入输出到该DOM内部纯HTML代码(流);
(获得td、div等html元素时候,它们是没有value或是text属性,只能用innerHtml)
2.value是表单元素特有的属性,输入输出的是转义文本(字符串);
2)onload事件
事件会在页面加载完成后,立即发生,同时执行被调用的程序。
注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。
2. 此节的加载页面,可理解为打开一个新页面时。
相关文章推荐
- js arguments对象的简单理解
- JS中创建函数的三种方式及区别
- js学习--浏览器对象计时器setInterval()与setTimeout()的使用与区别
- JavaScript全排列的六种算法 具体实现
- JSP内建对象
- javaScript
- js简易函数性能测试器
- js将字符串转换为一维二维数组
- js正则匹配浮点数或整数
- js中this的用法
- kettle中使用javascript步骤和fireToDB函数实现自己定义数据库查询
- javascript中的数组迭代方法
- JavaScript变量类型
- javascript 数组去重
- js添加var和不加var区别
- Javascript数组Array方法解读
- javascript笔记:深入分析javascript里对象的创建(中)《转载》
- javascript笔记:深入分析javascript里对象的创建(下)---从对象创建到javascript程序优化《转载》...
- GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
- javascript 获取 sx:datetimepicker 的值