怎么给JQuery对象添加一个新事件

怎么给JQuery对象添加一个新事件,第1张

不是有个构造函数extend么,可以自行添加方法。如:

//给对象添加新的方法。

function extend(object, data){

  for(var key in data){

    object[key] = data[key]

  }

  return object

}

再或者用原生JS给web元素绑定事件

//绑定事件

function addEvent(el,evname,func){

  if(el.attachEvent){

    el.attachEvent("on"+evname,func)

  }else if(el.addEventListener){

    el.addEventListener(evname,func,true)

  }else{

    el["on"+evname]=func

  }

} //解除绑定

function delEvent(el,evname,func){

  if(el.removeEventListener){

    el.removeEventListener(evname,func,false)

  }else if(el.detachEvent){

    el.detachEvent("on"+evname,func)

  }else{

    el["on"+evname]=null

  }

}

直接使用click事件是不起作用的,我平常使用的两种方法

1、on事件

var html1=''

html1 +=`<div>

<button type="button" class="btn btn-primary sure btn-mian" onclick="sure()">确认提交</button>

<button type="button" class="btn btn-default " data-dismiss="modal">暂不提交</button>

</div>`

$('.modal-footer').append(html1)

$('div').on('click','.sure',function(){console.log("+++")})

2、onclick事件

var html1=''

html1 +=`<div>

<button type="button" class="btn btn-primary sure btn-mian" onclick="sure()">确认提交</button>

<button type="button" class="btn btn-default " data-dismiss="modal">暂不提交</button>

</div>`

$('.modal-footer').append(html1)

functionsure(){console.logO("===")}

需要获取到div这个元素,可以通过id,class等等方式得到,比如说div的id为"div1",那么就可以这么写了。$('#div1').click(function(){//这里面就是click事件的内容了})


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11469968.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存