javascript事件监听机制
冒泡型事件 事件发生由内而外
可以对时间传递函数以应对动作的促发
oP.attachEvent("onclick",fnClick); 对对象增加一个监听函数,同一个对象可以监听相同事件对应不同的事件处理函数 执行顺序后优先 oP.detachEvent("onclick",fnClick);删除监听 适合用于IE
oP.addEventListener("click",fnClick1,false); 标准的时间监听函数 适合于firefox
window.event 是一个事件对象 oEvent.type 是一个事件类型 例如click、mouseover 是IE所有
firefox每促发一个事件都会传递一个事件对象作为处理函数的第一个参数
oEvent.srcElement---firefox 与 oTarget.tagName---windowIE 返回事件触发的标签类型 oEvent.button 1 左击 2 右击
使用oEvent.keyCode获取按下的键盘字符编码
可用 oEvent.returnValue = false; oEvent.preventDefault();来屏蔽右击事件即取消默认事件
html标记对象包含的事件:
onclick onload onmouseover onmousedown onmouseup onmouseover onmouseout onclick ondblclick
onkeydown onkeyup onkeypress onselect() onfocus() oncontextmenu //可用屏蔽鼠标事件
对于获取的table对象可以使用 insertRow(2)插入一行 appendChild() 添加一个单元(<td>)oTable.rows[3].cells[4].innerHTML 修改表格的内容 oTable.deleteRow(2); oTable.rows[2].deleteCell(1); 删除一行与一个单元格
可用oForm.elements[Box] 选择一个对象,或者直接new一个控件对象 new Option("乒乓球","Pingpang");
通过 tr:hover 获取鼠标经过的样式定义 inset outset 可以控制空间的三维陷进去还是突出
相关文档:
// 关闭窗口事件
function closeWindow(){
if(event.clientX>document.body.clientWidth) {
& ......
今天了解了一点javascript的基础,记下来供后续学习翻阅:
数据类型的判断:typeof(var param) 判断变得数据类型
浏览器以及操作系统的判别变量 navigator.userAgent navigator.platform
var sUserAgent = navigator.userAgent;
//检测Opera、KHTML
var isOpera = sUserAgent.indexOf(" ......
事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x ......
在表单提交前经常遇到表单验证问题而常用的方法有以下两种:
1、使用提交按钮提交,在form表单中的onsubmit事件进行表单验证:
<script type="text/javascript">
& ......