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

成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司是一家服務(wù)多年做網(wǎng)站建設(shè)策劃設(shè)計(jì)制作的公司,為廣大用戶提供了網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì),成都網(wǎng)站設(shè)計(jì),廣告投放,成都做網(wǎng)站選成都創(chuàng)新互聯(lián)公司,貼合企業(yè)需求,高性價(jià)比,滿足客戶不同層次的需求一站式服務(wù)歡迎致電。
1、on事件
var html1='';
html1 +=`div
button type="button" class="btn btn-primary sure btn-mian" onclick="sure()"確認(rèn)提交/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()"確認(rèn)提交/button
button type="button" class="btn btn-default " data-dismiss="modal"暫不提交/button
/div`
$('.modal-footer').append(html1);
functionsure(){console.logO("===");}
需要獲取到div這個(gè)元素,可以通過(guò)id,class等等方式得到,比如說(shuō)div的id為"div1",那么就可以這么寫(xiě)了。$('#div1').click(function(){//這里面就是click事件的內(nèi)容了});
不是有個(gè)構(gòu)造函數(shù)extend么,可以自行添加方法。如:
//給對(duì)象添加新的方法。
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;
}
}
有2種方法:
最簡(jiǎn)單的方法就是直接在標(biāo)簽中寫(xiě)onclick="",但是這樣寫(xiě)其實(shí)是有點(diǎn)low的,
第二種方式是通過(guò)給類(lèi)名綁定一個(gè)事件。
p?id="pLabel"新加一條/p
ul?id="ulLabel"
li?class="liLabel"aaa1/li
li?class="liLabel"aaa2/li
li?class="liLabel"aaa3/li
/ul
script?type="text/javascript"
$("#pLabel").click(function(){
$("#ulLabel").append('li?class="liLabel"aaaQ/li');?//動(dòng)態(tài)像ul的末尾追加一個(gè)新元素
});
/script
方法一:使用live
live()函數(shù)會(huì)給被選的元素綁定上一個(gè)或者多個(gè)事件處理程序,并且規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。通過(guò)live()函數(shù)適用于匹配選擇器的當(dāng)前及未來(lái)的元素。比如,通過(guò)腳本動(dòng)態(tài)創(chuàng)建的元素。
$('.liLabel').live('click',?function(){
alert('OK');
});
方法二:使用on
可以通過(guò)on方法綁定事件,可以綁定到它的父級(jí)或者body中,實(shí)現(xiàn)如下:
$("#ulLabel").on('click','.liLabel',function(){
alert('OK')
});
或者:
$("body").on('click','.liLabel',function(){
alert('OK')
});
注意綁定的事件,需要綁定在父元素。
1、新建一個(gè)靜態(tài)頁(yè)面bind.html,并引入jquery核心文件。
2、在body/body標(biāo)簽中,插入一個(gè)button按鈕,添加id屬性值。
3、在script/script標(biāo)簽中,添加按鈕點(diǎn)擊事件,利用on()方法綁定。
4、保存代碼并運(yùn)行項(xiàng)目,打開(kāi)瀏覽器查看界面效果,點(diǎn)擊按鈕查看控制臺(tái)。
5、將on()方法改為bind()方法,然后保存代碼,點(diǎn)擊按鈕查看打印結(jié)果。
6、在jQuery3.0以下版本中,可以使用delegate()方法綁定點(diǎn)擊事件。
7、除了上述之外,還有l(wèi)ive()方法,不過(guò)這個(gè)方法jQuery1.7后就被廢棄了。
首先要給圖片添加一個(gè)Id,之后在jquery中寫(xiě)如下代碼:
$("#圖片ID").click(function(){
alert("aa”);
});
或者
$("#圖片ID").bind("click",function(){
alert("aa");
});
擴(kuò)展資料:
Click 事件實(shí)際應(yīng)用:
此事件是在一個(gè)對(duì)象上按下然后釋放一個(gè)鼠標(biāo)按鈕時(shí)發(fā)生。它也會(huì)發(fā)生在一個(gè)控件的值改變時(shí)。
對(duì)一個(gè)?Form?對(duì)象來(lái)說(shuō),該事件是在單擊一個(gè)空白區(qū)或一個(gè)無(wú)效控件時(shí)發(fā)生。對(duì)一個(gè)控件來(lái)說(shuō),這類(lèi)事件的發(fā)生是當(dāng): 用鼠標(biāo)的左鍵或右鍵單擊一個(gè)控件。對(duì)?CheckBox,?CommandButton,?Listbox?或?OptionButton?控件來(lái)說(shuō),Click 事件僅當(dāng)單擊鼠標(biāo)左鍵時(shí)發(fā)生。
通過(guò)按下箭頭鍵或者單擊鼠標(biāo)按鈕,對(duì)?ComboBox?或?ListBox?控件中的項(xiàng)目進(jìn)行選擇。
當(dāng)?CommandButton,OptionButton?或?CheckBox?控件具有焦點(diǎn)時(shí),按下 SPACEBAR 鍵。
當(dāng)窗體帶有其?Default?屬性設(shè)置為?True?的?CommandButton?控件時(shí),按下 ENTER 鍵。
當(dāng)窗體帶有一個(gè) Cancel 按鈕 — 其?Cancel?屬性設(shè)置為?True?的?CommandButton?控件時(shí),按下 ESC 鍵。
對(duì)控件按下一個(gè)訪問(wèn)鍵。例如,如果一個(gè)?CommandButton?控件的標(biāo)題是 "Go",則按下 ALT+G 鍵可觸發(fā)該事件。 也可在代碼中觸發(fā) Click 事件,通過(guò): 將一個(gè)?CommandButton?控件的?Value?屬性設(shè)置為?True。
將一個(gè)?OptionButton?控件的?Value?屬性設(shè)置為?True。
改變一個(gè)?CheckBox?控件的?Value?屬性的設(shè)置。
參考資料來(lái)源:百度百科:Click事件
可以先給div標(biāo)簽設(shè)置id,然后給這個(gè)id綁定點(diǎn)擊事件。
1、新建html文檔,在body標(biāo)簽中添加一個(gè)div標(biāo)簽,為div標(biāo)簽設(shè)置一個(gè)id,這里以“demo”為例:
2、在head標(biāo)簽中引入jquery的js文件,這時(shí)可以使用cdn鏈接:
3、添加script標(biāo)簽,在script標(biāo)簽中綁定“demo”,然后使用click函數(shù)為div標(biāo)簽綁定點(diǎn)擊事件:
網(wǎng)頁(yè)名稱(chēng):jquery添加事件,jquery調(diào)用點(diǎn)擊事件
地址分享:http://chinadenli.net/article22/dsesicc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、、搜索引擎優(yōu)化、定制網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)