js添加點擊事件
1. 關於js添加onclick事件
td.setAttribute("onclick",b(td));
這句話有問題,你把b(td)加上引號試試,不加的話就直接執行了
2. js添加事件
如果有引入jquery的包,那就提供幾種方法:
//增加【綁定單擊事件方內法】
$('.select_kwd').click(function(e){
//這里是點擊的代碼
});
//查詢容【綁定多個事件的方法】
$('.selected').bind({
click:function(e){
//這里是點擊的代碼
},
dblclick:function(e){
//這里是雙擊的代碼。就像這樣依次的添加
}
});
兩種方法是一樣的。需要注意的是:如果你的這段html是ajax或者其他途徑在文檔載入完畢之後出現的,那麼你僅僅需要把bind換成live就行了。
如果你沒有引入jquery包,僅僅是在這個地方用的話還是建議你用最原始的方法。
<input class="select_kwd" type="button" value="增加" onClick="select_kwd()" />
<script>
function select_kwd(){
//添加時運行的代碼
}
</script>
3. js 動態添加的按鈕 onclick事件怎麼寫
如圖,比方說我有一個函數,而我們需要點擊按鈕觸發指定的函數,這就用到了綁定事件的方法內。容
如圖,假定是點擊事件,則在按鈕裡面添加onclick=函數名即可把函數綁定到按鈕上。onclick綁定的是單擊事件哦,當然還有很多其他的事件。
如圖,綁定事件之後,當我們點擊按鈕即可觸發綁定的函數,非常神奇哦。
當然,也可以給按鈕設定一個ID,然後我們獲取到帶有ID的按鈕。
然後在JavaScript中綁定事件也是可以的,這種方法代碼比較多,想用哪種看你自己哦。
需要特別注意一點的是,如果用了第二種方法,當要獲取id時,如果script腳本寫在head裡面,則要加上window.onload哦。如果是寫在body後面,則不需要寫window.onload。
4. JS循環添加點擊事件
你最終的目的應該是想在input按鈕上加入點擊事件吧,點擊後將input的值寫入cookie吧,這樣
的話,給tr加事件是沒有意義的,下面的代碼在不引用任何構架的前提下實現的,沒有使用jquery
也沒有使用ExtJS,相對比較麻煩些,希望你能看懂,如果用jquery的話,更簡單了,這里就不寫了
functionwriteCookie(name,value){
//寫入cookie的代碼你自己去實現
}
varrows=newArray(); //這個表格行的數組你自己組織吧,我這里只是定義一個簡單的js數組,你可以從後台取這個值
//先生成HTML代碼,輸出到網頁上,這樣才用JS綁定事件
varstrHTML='';
for(vari=0;i<rows.length;i++){
strHTML='<tr>'+
'<td><inputid='btn_"+i+"'type="hidden"value='"+rows[i].id+"'/></td>'+
'<td>無關緊要的內容</td>'+
'</tr>';
}
document.writeln(strHTML);
//綁定事件
for(vari=0;i<rows.length;i++){
varbtnName='btn_'+i;
vare=document.getElementById(btnName);//循環取出每個按鈕對象
varvalue=e.value; //取出按鈕的值
e.onclick=function(){
writeCookie(btnName,value) //以btnName作為鍵名,將按鈕的值寫入cookie
}
}
5. JS設置onClick事件
html頁面設置onClick事件可以在html中設置,也可以在js中設置,下面分別介紹。
在html中設置
你的代碼就是在html中設置的方法,這是測試頁面,
現在html代碼的元素中添加onclick
<input type="text" id="text" onClick="f();">
再在js代碼中聲明一個函數
function f(){
alert(1)
}
6. 怎麼用js給document添加一個滑鼠單擊事件
JS獲取點擊事件來自左鍵還是其它鍵的方法如下:
返回值說明:0左鍵,1中間,2右鍵
getButton:function(event){
if (document.implementation.hasFeature("MouseEvents","2.0")){
return event.button;
}else{
switch(event.button){
case 0:
case 1:
case 3:
case 5:
case 7:
return 0;
case 2:
case 6:
return 2;
case 4:
return 1;
}
}
}
7. js怎麼動態添加onclick事件
給你要添加的父元素添加點擊事件,傳入event,event.target就是你要點擊的子元素