国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院

首頁 > 編程 > JavaScript > 正文

js模擬點擊以提交表單為例兼容主流瀏覽器

2019-11-20 21:33:22
字體:
來源:轉載
供稿:網友
在實際的應用開發中,我們會常常用到JS的模事件,但有時會遇到一些問題,比如說點擊事件,舉個簡單的例子,點擊表單外的“提交”按鈕來提交表單。上代碼吧。

Html:
復制代碼 代碼如下:

<h3>請單擊“提交”,測試提交按鈕的單擊事件也被觸發了。</h3>
<button id="btn">提交</button>
<form action="#" method="get" id="form">
<input type="text" name="site" value="www.woiweb.net" readonly/>
<input id="subbtn" type="submit" value="先別點擊此按鈕提交" onclick="alert('我已經提交了');"/>
</form>

Javscript:
復制代碼 代碼如下:

<script type="text/javascript">
var sub = document.getElementById("subbtn");
var btn = document.getElementById("btn");
//通用方法
btn.onclick = function() {
sub.click();
}
</script>

經過測試,IE,FF,Chrome,Opera,Safari都沒有問題,均可正常提交表單。

但在實際的設計中,為了讓提交按鈕更好看,buildder經常把它們用a標簽來處理,加個背景圖片來模擬按鈕,我們仍然用上面的思路來嘗試,增加一個a標簽,讓它來提交表單,我們僅修改html。

Html:
復制代碼 代碼如下:

<h3>請單擊“提交”,測試提交按鈕的單擊事件也被觸發了。</h3>
<button id="btn">提交</button>
<form action="#" method="get" id="form">
<input type="text" name="site" value="www.woiweb.net" readonly/>
<!--<input id="subbtn" type="submit" value="先別點擊此按鈕提交" onclick="alert('我已經提交了');"/> -->
<a id="subbtn" href="javascript:;" onclick="alert('在此調用提交表單的方法')">模擬提交按鈕</a>
</form>

Javascript:
復制代碼 代碼如下:

<script type="text/javascript">
var sub = document.getElementById("subbtn");
var btn = document.getElementById("btn");
//通用方法
btn.onclick = function() {
sub.click();
}
</script>

運行后,問題出現了,IE、FF、Opera均OK,但Chrome和Safari不能正常運行,后來網上搜索了下,發現a標簽并不是和按鈕一樣有onclick()事件的,解決辦法是針對 IE 和 FF編寫不同的邏輯,JS代碼如下:
javascript:
復制代碼 代碼如下:

<script type="text/javascript">
var sub = document.getElementById("subbtn");
var btn = document.getElementById("btn");
//通用方法
btn.onclick = function() {
//sub.click();
if (/msie/i.test(navigator.userAgent)) //IE
{
sub.fireEvent("onclick");
} else {
var e = document.createEvent('MouseEvent');
e.initEvent('click', false, false);
sub.dispatchEvent(e);
}
}
</script>

至此,問題解決,雖然這個問題很簡單,但很容易被大家忽略,貼出來和大家一起分享。

語法:

createEvent(eventType)

參數   描述

eventType 想獲取的 Event 對象的事件模塊名。關于有效的事件類型列表,請參閱”說明”部分。

返回值

返回新創建的 Event 對象,具有指定的類型。

拋出

如果實現支持需要的事件類型,該方法將拋出代碼為 NOT_SUPPORTED_ERR 的 DOMException 異常。

說明

該方法將創建一種新的事件類型,該類型由參數 eventType 指定。注意,該參數的值不是要創建的事件接口的名稱,而是定義那個接口的 DOM 模塊的名稱。

下表列出了 eventType 的合法值和每個值創建的事件接口:

參數      事件接口  初始化方法
HTMLEvents  HTMLEvent iniEvent()
MouseEvents  MouseEvent iniMouseEvent()
UIEvents    UIEvent  iniUIEvent()

用該方法創建了 Event 對象以后,必須用上表中所示的初始化方法初始化對象。關于初始化方法的詳細信息,請參閱 Event 對象參考。

該方法實際上不是由 Document 接口定義的,而是由 DocumentEvent 接口定義的。如果一個實現支持 Event 模塊,那么 Document 對象就會實現 DocumentEvent 接口并支持該方法。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院
亚洲欧美日韩综合精品网| 中文字幕乱在线伦视频乱在线伦视频| 最近中文字幕在线中文视频| 国产网站在线免费观看| 日本动漫理论片在线观看网站| 中文字幕在线观看av| 在线国产福利网站| 国产三级在线观看| 激情在线视频播放| 欧美xxxx黑人又粗又长| 午夜影院在线| av手机天堂| 在线播放国产区| 丁香视频五月| 精品国产一区二区三区不卡在线| 99在线欧洲视频| 91欧洲在线视精品在亚洲| 最近中文字幕在线中文视频| 轻轻色免费在线视频| av免费在线观| av中文字幕在线看| 永久av在线| 羞羞视频在线免费看| 国产麻豆高清视频在线第一页| 7777在线| av在线网页| 伊人影院在线观看| 在线中文免费视频| eeuss影院网站免费观看| 97人人在线| av网址在线看| 黄网站在线观看高清免费| 国产在线观看网站| 国产激情视频网址| 国产高清在线| 欧美日韩一区二区三区视视频| 一本免费视频| 久久一本精品| 国产国产人免费人成免费视频| 在线一二三区| 国产91大片| 国产人成高清视频观看| av免费在线一区二区三区| 亚洲电影先锋| 狠狠操狠狠色| 69久久久久| 男人天堂亚洲| 国产视频97| 超碰在线人人| 91亚洲欧美| 浪潮av一区| 伊人影院在线播放| 国产色在线 com| av中文在线| 国产精品蜜臀| 国产主播福利在线| 99在线播放| 国产在线精品一区二区不卡| 精品av中文字幕在线毛片| 四虎久久影院| 国产成人精品男人的天堂538| 免费99热在线观看| 一本久久精品| 精品网站www| 国产成人精品综合网站| 久久久久久国产视频| 精品视频在线一区二区| 国产无遮挡又黄又爽免费软件| 麻豆精品传媒视频观看| 夜色资源网av在先锋网站观看| 国产极品一区二区三区| 国产黄色片在线观看| 国产小视频在线| 国产亚洲精品拍拍拍拍拍| 四虎久久影院| av中文天堂在线| 91视频黄色| 91欧洲在线视精品在亚洲| 国产精品美女一区二区三区四区| 国产精品㊣新片速递bt| 懂色av中文在线| 国产麻豆一级片| 成年人在线观看| 中文字幕在线视频不卡| 中文字幕网在线| 午夜国产福利在线| 国产调教视频在线观看| 午夜不卡视频| 国产欧美黑人| 国产视频一二三区| 国产色在线播放| 精品成人一区二区三区免费视频| 国产精品欧美韩国日本久久| 97国产在线| 青草青在线视频| 国产日本在线视频| 在线观看av的网站| 九九热在线视频观看| 最近中文字幕mv免费高清视频8| 中文字幕第一页在线| 精品亚洲综合| 另类综合图区| 国产精品久久久久永久免费看| 精品成人免费自拍视频| 亚洲一区免费在线| 久久国产精品黑丝| 国产第一页在线| 日本动漫理论片在线观看网站| 日本h片在线观看| 日本中文字幕视频在线| 2019中文字幕在线视频| 麻豆精品不卡国产免费看| 国产一级二级三级在线观看| av免费在线观| 91国内精品久久久久| 日本中文字幕视频| 亚洲精品aaaa精品| 国产精品一区二区婷婷| 在线观看av的网站| 国产激情视频在线| av在线播放网| 毛片网站在线观看| 精品成人免费自拍视频| 欧美高清xxxx性| 97一区二区三区| 国产女王在线**视频| 蜜桃av在线免费观看| 69久久精品| 国产视频二区| 九九热在线免费视频| www.eeuss影院| 99久热re在线精彩视频| 国产黄色一级电影| 国产精品黄页网站在线播放免费 | 国产夫妻视频| 激情综合网五月激情| 青青草在线免费观看| 92久久精品| 国产精品9区| 中文字幕视频在线免费| 在线91av| 国产青草视频在线观看视频| 国产三级在线观看| 国产一起色一起爱| 最好看更新中文字幕| www.久草.com| jlzzjlzz欧美大全| wwww亚洲| 美女被人操视频在线观看| 激情视频国产| 国产精品久久久久白浆| 精品久久亚洲一级α| 日韩欧美中文字幕不卡| 可以免费看污视频的网站| 久草.com| 国产小视频免费在线观看| 国产人成高清视频观看| 91av福利| 欧美精品另类| 国产区视频在线| 国产精品久久久久永久免费看| 国产成人精品实拍在线| 香蕉视频网站在线播放| 国产女人在线观看| 国产盗摄一区二区| 日本亚洲欧美| 国产精品99999| 日本电影全部在线观看网站视频| 国产综合视频一区二区三区免费| 国产精品yjizz视频网一二区| www操操操| 国产高清免费av在线| 人成在线免费视频| 国产日韩欧美第一页| 欧美卡一卡二| 国产调教视频在线观看| wwwww在线观看免费视频| 狠狠操视频网| 在线免费观看你懂的| 中文字幕专区| 九九热视频精品在线观看| av免费在线免费| 91啦中文在线| 国产黄在线观看免费观看不卡| 麻豆网站在线| www.久草.com| 亚洲精品午夜级久久久久| 中文字幕麻豆| 玖玖在线视频| 天天激情综合| 国产成a人亚洲精v品| 国产在线一二三| 就爱干草视频| 日韩中文字幕久久久经典网| 中文乱码字幕高清在线观看| 国产一级免费| 国产一二三四| 国产麻豆精品视频一区二区| 欧美性猛交p30| 国产丝袜自拍|