a链接事件阻止默认行为 return false
HTML元素大都包含了自己的默认行为,例如:超链接、提交按钮等。我们可以通过在绑定事件中加上return false来阻止它的默认行为。
通用性的事件监听方法
1.绑定HTML元素属性
<input type="button" value="clickMe" onClick="check(this)">
2 绑定dom对象属性
document.getElementById("btn1").onClick=test;//test函数名
两种添加事件方式
1.function show(){
alert("你点击了我");
2.document.getElementById("mytest1").οnclick=show; //+()是调用,不+是参数
function show(){
alert("你点击了我");
}
//页面加载完成后调用
window.οnlοad=function(){
/*第二种添加事件方式*/
document.getElementById("mytest1").οnclick=show;
}
标准DOM事件监听方法
[object].addEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”);
var bt1=document.getElementById("mytest1");bt1.removeEventListener("click",show,false);
[object].removeEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”);
var bt1=document.getElementById("mytest1");bt1.addEventListener("click",show,false);
注意:上图是通用事件 标准事件就是 去掉 “on”
onMouseOver放到函数里会自动弹窗
onMouseOver="show()"
jQuery
/*id选择器*//*var p1=$("#p1");alert(p1.html());*//*class选择器*/ /*var arr=$(".p2");alert(arr.length);*//*元素选择器*/ /*var arr=$("p");alert(arr.length);*//*父子关系选择器*//*var arr=$("div p");alert(arr.length);*//*属性选择器*//*var obj=$("[align='center']");alert(obj.html());*//*如果得到的是数组,则用jqDom.eq(下标)*//*alert($(".p2").eq(0).html());*///获取js对象 js->jquery $(jsDom)/*var p1=document.getElementById("p1");alert($(p1).html());*///获取jQuery对象 jquery->js $('div')[0] $('div').get(0) /*alert($(".p2").get(1).innerHTML);*///给非表单元素赋值/*$("#p1").html("你好");*///获取表单的value值/*alert($("input").val());*///给表单元素赋值$("input").val("bbbbbbbb");