如何使用js主動(dòng)觸發(fā)事件

//document上綁定自定義事件ondataavailable

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供亭湖企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、成都h5網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為亭湖眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

document.addEventListener('ondataavailable', function (event) {

alert(event.eventType);

}, false);

var obj = document.getElementByIdx_x("obj");

//obj元素上綁定click事件

obj.addEventListener('click', function (event) {

alert(event.eventType);

}, false);

//調(diào)用document對(duì)象的 createEvent 方法得到一個(gè)event的對(duì)象實(shí)例。

var event = document.createEvent('HTMLEvents');

// initEvent接受3個(gè)參數(shù)：

// 事件類型，是否冒泡，是否阻止瀏覽器的默認(rèn)行為

event.initEvent("ondataavailable", true, true);

event.eventType = 'message';

//觸發(fā)document上綁定的自定義事件ondataavailable

document.dispatchEvent(event);

var event1 = document.createEvent('HTMLEvents');

event1.initEvent("click", true, true);

event1.eventType = 'message';

//觸發(fā)obj元素上綁定click事件

document.getElementByIdx_x("test").onclick = function () {

obj.dispatchEvent(event1);

};

如何用javascript觸發(fā)按鈕的click事件

1、調(diào)用button的客戶端方法——可以觸發(fā)button的OnClick事件

2、使用ASP.NET的PostBack函數(shù)——比較適合ASP.NET的開發(fā)思路

按鈕是已經(jīng)成功加載到頁面了。

document.getElementById('CloseWindow').click();

input?type="submit"?name="CloseWindow"?value="Button"?id="CloseWindow"?style="width:100px;"?/

另外，這個(gè)按鈕是放在form里面

protected?void?Page_Load(object?sender,?EventArgs?e)

{

Button1.Attributes.Add("onclick",?"if?(confirm('系統(tǒng)提示：原文件已存在，確定要覆蓋嗎?'))?{document.getElementById(\"Button2\").click();}");

}

總結(jié)：頁面的執(zhí)行是從上到下，如果頁面加載的時(shí)候就就執(zhí)行，這個(gè)時(shí)候有可能是還沒有創(chuàng)建btn這個(gè)按扭對(duì)象，所以回有錯(cuò)。這個(gè)時(shí)候這個(gè)代碼要放在btn對(duì)象創(chuàng)建的后面。

js自動(dòng)觸發(fā)事件&&自定義事件

eventType共有5種類型：

上述加粗的是經(jīng)常會(huì)用到的事件類型

以 eventType=MouseEvents ，觸發(fā)事件為 click 為例：

javascript 觸發(fā)事件

16個(gè)javascript 觸發(fā)事件,僅供參考學(xué)習(xí)1.單擊事件___onclick

用戶單擊鼠標(biāo)按鍵時(shí)產(chǎn)生的事件.同時(shí)onclick指定的事件處理程序或代碼將被調(diào)用執(zhí)行.

如:input type="button" value="打開頁面" onlick="window.open('xxxx.html','newwindow','width=456,height=230,toolbar=no,menubar=no,scrollbars=yes');"

2.改變事件___onchange

當(dāng)text或textarea元素內(nèi)的字符值改變或select表格選項(xiàng)狀態(tài)改變里發(fā)生該事件.

如;textarea name="liuyan" rows=5 cols=70 value=" " onchange=alert("您在文本框中添加了新的內(nèi)容")

3.選中事件____onselect

當(dāng)text或textarea對(duì)象中的文字被選中里會(huì)引發(fā)該事件

如:ipnut type="text" value="默認(rèn)信息" onselect=alert("您選中了文本框中的文字")

4.獲得焦點(diǎn)事件____onfocus

用戶單擊text或textarea以及select對(duì)象時(shí),即光標(biāo)落在文本框或選擇框時(shí)會(huì)產(chǎn)生該事件.

如:select name="zhengjian" onfocus="alert("我成為焦點(diǎn)")

5.失去焦點(diǎn)事件______onblur

失去焦點(diǎn)事件正好與獲得焦點(diǎn)事件相對(duì),當(dāng)text對(duì)象,textarea對(duì)象或select對(duì)象不再擁有焦點(diǎn)而退出后臺(tái)時(shí),引發(fā)該事件.

6.載入文件事件____onload

當(dāng)頁面文件載入時(shí),產(chǎn)生該事件.onload的一個(gè)作用就是在首次載入一個(gè)頁面文件時(shí)檢測cookie的值,并用一個(gè)變量為其賦值,使它可以被源代碼使用,本事件是window的事件,但是在HTML中指定事件處理程序時(shí),一般把它寫在body標(biāo)記中.

如:body onload=alert("正在加載頁面,請(qǐng)等待...")

7.卸載文件事件____onunload

與載入文件事件onload正好相反,當(dāng)web頁面退出時(shí)引發(fā)的事件,并可更新cookie的狀態(tài)

如:body onunload="confirm("你確定要離開本頁?")

8.鼠標(biāo)覆蓋事件 _____onmouseover

onmouseover是當(dāng)鼠標(biāo)位于元素上方時(shí)所引發(fā)的事件

如:input type="boutton" value="按鈕" onmouseover="window.status='請(qǐng)您注意下面的狀態(tài)欄'; return true"

9.鼠標(biāo)離開事件_____onmouseout

onmouseout是鼠標(biāo)離開元素里引發(fā)的事件.如果和鼠標(biāo)覆蓋事件同時(shí)使用,可以創(chuàng)建動(dòng)態(tài)按鈕的效果.

10.一般事件

ondbclick 鼠標(biāo)雙擊事件

鼠標(biāo)上的按鍵被按下時(shí)激活的事件

鼠標(biāo)按下后,松開鼠標(biāo)時(shí)觸發(fā)的事件

鼠標(biāo)移動(dòng)里觸發(fā)的事件.

onkeypress 當(dāng)鍵盤上的某個(gè)鍵被按下并且釋放時(shí)觸發(fā)的事件,要求頁面內(nèi)必須有激活對(duì)象

onkeydown 當(dāng)鍵盤上某個(gè)鍵被按下時(shí)觸發(fā)的事件,要求頁面內(nèi)必須有激活對(duì)象

onkeyup 當(dāng)鍵盤上某個(gè)按鍵被放開時(shí)觸發(fā)的事件,要求頁面內(nèi)必須有激活對(duì)象

11.頁面相關(guān)事件

onabort 圖片在下載時(shí)被用戶中斷

onbeforeunload 當(dāng)前頁面的內(nèi)容將要被改變時(shí)觸發(fā)的事件

onerror 捕捉當(dāng)前頁面因?yàn)槟撤N原因而出現(xiàn)的錯(cuò)誤,如腳本錯(cuò)誤.

onmove 瀏覽器的窗口被移動(dòng)里觸發(fā)的事件

onresize 當(dāng)瀏覽器的大小被改變時(shí)觸發(fā)的事件

onscroll 瀏覽器的滾動(dòng)條位置發(fā)生變化時(shí)觸發(fā)的事件

onstop 瀏覽器的"停止"按鈕被按下或者正在下載的文件被中斷時(shí)觸發(fā)的事件.

12. 表單相關(guān)事件

onreset 當(dāng)表單中reset屬性被激活時(shí)觸發(fā)的事件.

onsubmit 一個(gè)表單被遞交時(shí)觸發(fā)的事件.

13.滾動(dòng)字幕事件

onbounce 當(dāng)marquee內(nèi)的內(nèi)容移動(dòng)至marquee顯示范圍之外時(shí)觸發(fā)的事件.

onfinish 當(dāng)marquee元素完成需要顯示的內(nèi)容后觸發(fā)的事件.

onstart 當(dāng)marquee元素開始顯示內(nèi)容時(shí)觸發(fā)的事件.

14.編輯事件.

onbeforecopy 當(dāng)頁面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)的事件.

onbeforeupdate 當(dāng)瀏覽者粘貼系統(tǒng)剪貼板中的內(nèi)容時(shí)通知目標(biāo)對(duì)象

oncontextmenu 當(dāng)按下鼠標(biāo)右鍵出現(xiàn)菜單或通過鍵盤的按鍵觸發(fā)頁面菜單時(shí)觸發(fā)的事件.

body oncontentmenu="return false"禁止使用鼠標(biāo)右鍵

oncopy 當(dāng)頁面當(dāng)前被選擇內(nèi)容被復(fù)制后觸發(fā)的事件

oncut 當(dāng)頁面當(dāng)前被選擇內(nèi)容被剪切時(shí)觸發(fā)的事件

onpaste 當(dāng)內(nèi)容被粘貼時(shí)觸發(fā)的事件

ondrag 當(dāng)某個(gè)對(duì)象被拖動(dòng)時(shí)觸發(fā)的事件

ondragend 當(dāng)鼠標(biāo)拖動(dòng)結(jié)束時(shí)觸發(fā)的事件,即鼠標(biāo)的按鍵被釋放時(shí)觸發(fā)的事件.

15.數(shù)據(jù)綁定

onafterupdate 當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對(duì)象的傳送時(shí)觸發(fā)的事件

oncellchange 當(dāng)數(shù)據(jù)來源發(fā)生變化時(shí)觸發(fā)的事件

ondataavailable 當(dāng)數(shù)據(jù)接收完成時(shí)觸發(fā)的事件

ondatasetchanged 數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時(shí)觸發(fā)的事件.

ondatasetcomplete 當(dāng)數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時(shí)觸發(fā)的事件.

onerrorupdate 當(dāng)使用onbeforeupdate事件觸發(fā)取消了數(shù)據(jù)傳送時(shí),代替onafterupdate事件.

onrowenter 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時(shí)觸發(fā)的事件.

onrowexit 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時(shí)觸發(fā)的事件

onrowsdelete 當(dāng)前數(shù)據(jù)記錄將被刪除時(shí)觸發(fā)的事件

onrowsinserted 當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時(shí)觸發(fā)的事件

16.外部事件

onafterprint 當(dāng)文檔被打印后觸發(fā)的事件

onbeforeprint 當(dāng)文檔即將打印時(shí)觸發(fā)的事件

onhelp 當(dāng)瀏覽者按下F1鍵或者單擊瀏覽器中的"幫助"按鈕時(shí)觸發(fā)的事件

javascript如何自動(dòng)觸發(fā)事件

input type="button" onclick="11111.php" id="on"

如果要10秒觸發(fā)一次的話，要寫一個(gè)setTimeout(onbutton,10000);

復(fù)制下面代碼每隔10秒彈出一個(gè)提示框，如果你有別的需要就把提示框換成函數(shù)名或匿名的function

function onbutton(){

document.getElementById("on").onclick=alert(10)

}

setTimeout(onbutton,10000);

javascript 點(diǎn)擊按鈕觸發(fā)事件

使用onclick（）點(diǎn)擊事件觸發(fā)。

1、設(shè)計(jì)一個(gè)功能頁面，HTML代碼如下。

2、此時(shí)的頁面展示效果如下。

3、設(shè)計(jì)功能函數(shù)，實(shí)現(xiàn)上圖中賦值的功能。

4、給按鈕綁定上述函數(shù)，點(diǎn)擊實(shí)現(xiàn)。

5、在頁面上點(diǎn)擊函數(shù)，查看執(zhí)行效果。

擴(kuò)展資料：

onclick事件解析：

1、定義和用法：onclick 屬性由元素上的鼠標(biāo)點(diǎn)擊觸發(fā)。

onclick 屬性不適用以下元素：base、bdo、br、head、html、iframe、meta、param、script、style 或 title。

2、語法：

element onclick="script"。

參考資料：

百度百科--onclick