浏览器默认绑定事件

来源:互联网 发布:root联网控制软件 编辑:程序博客网 时间:2024/06/05 17:42

event.preventDefault() :该方法用于通知web浏览器不执行与事件关联的默认动作

例:

function test(){

alert('hello');

}

function onclickNextBtn(){

test();

}

//一个按钮绑定了onclickNextBtn()事件

<a id="nextPoiBtn" class="easyui-linkbutton" href="javascript:void(0)" onClick="onclickNextBtn()" style="width:60px;;display:block">下一条</a>

//添加快捷键enter

$(document).keydown(function(e) {

if (e.which == 27){

test();

}

}

界面效果当点击完下一条按钮后,再点击enter,test()方法会被调用两次;原因:当点击完按钮后,光标在按钮上,再点enter时,浏览器会默认执行按钮的绑定事件;

解决方案:

$(document).keydown(function(e) {

e.preventDefault();

if (e.which == 27){

test();

}

}


0 0
原创粉丝点击