本文目錄一覽:
- 1、JS設置onClick事件
- 2、JS點擊事件問題
- 3、Js調用後台點擊事件
JS設置onClick事件
html頁面設置onClick事件可以在html中設置,也可以在js中設置,下面分別介紹。
在html中設置
你的代碼就是在html中設置的方法,這是測試頁面,
現在html代碼的元素中添加onclick
input type=”text” id=”text” onClick=”f();”
再在js代碼中聲明一個函數
function f(){
alert(1)
}
只在js中設置
第二種方法是只在js中設置,這是測試頁面
html代碼可以更加純粹,不用寫onclick
input type=”text” id=”text”
在js代碼中,先找到這個元素,再去綁定一個事件
window.onload = function() {
document.getElementById(“text”).onclick = function() {
alert(1)
}
}
也可以實現這個效果
JS點擊事件問題
因為js的事件模型需要function類型的對象執行回調 所以需要傳入function類型的變數。
實際執行的代碼就是下邊這個,給DOM對象添加click的監聽器。
document.getElementById(“btn”).addEventListener(“click”, function(){
alert(‘hello’)
});
如果寫成
addEventListener(“click”,alert(‘hello’));
恐怕你自己都覺得彆扭吧。
Js調用後台點擊事件
可以,你用js執行__doPostBack函數應該能夠實現觸發後台事件
不過這個方法不能觸發button 和ImageButton 的Click事件
如果你是想觸發按鈕事件的話,可以使用document.getElementById(按鈕ID).click();
原創文章,作者:MXSW,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/139739.html