ie中的radio click()不能觸發radio的change事件
jquery版本:1.7.2
瀏覽器版本:ie8
測試程式碼如下,實現的功能是頁面載入後,點選單選框的第一項。使之成為選中的狀態
<html lang="zh-cn">
<head>
<meta charset="utf-8">
</head>
<body>
<input type="radio" name="gender" value="female">男
<input type="radio" name="gender" value="male">女
<!--1.7.2-->
<script src="https://code.jquery.com/jquery-1.7.2.min.js" integrity="sha256-R7aNzoy2gFrVs+pNJ6+SokH04ppcEqJ0yFLkNGoFALQ=" crossorigin="anonymous"></script>
<!--<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>-->
<script>
$("input[name=gender]").on('change',function(){
alert($(this).val());
});
$("input[name=gender]").eq(0).click();
</script>
</body>
</html>
以上程式碼在ie8中不生效,對話方塊不會彈出,改正方法有2種:
1. 改變jquery的版本,使用新版本的jquery就會彈出對話方塊。這是jquery1.7.2的bug。
2. 將radio的change事件,變成click事件。這個時候就需要判斷單選框的狀態了,程式碼變成下面這樣:
<script>
$("input[name=gender]").on('click',function(){
if($(this).prop('checked')){
alert($(this).val());
}
});
$("input[name=gender]").eq(0).prop('checked',true).click();
</script>
在專案開發中,因為歷史原因,不能升級jquery版本,只能採取第二種方法,
相關推薦
text框中按enter觸發js事件
原文地址:http://blog.sina.com.cn/s/blog_637766d401010gxn.html <head><script>function EnterPress(e){ //傳入 eventvar e = e || window.event;i
[HTML5] radio改變觸發change事件
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style
ie中的radio click()不能觸發radio的change事件
jquery版本:1.7.2 瀏覽器版本:ie8 測試程式碼如下,實現的功能是頁面載入後,點選單選框的第一項。使之成為選中的狀態 <html lang="zh-cn"> <head> <meta charset="ut
element-ui中下拉菜單中的@click事件不會觸發的問題
發的 com 圖片 bsp 觸發 菜單 點擊事件 nat 分享圖片 只需要將@click=“fun()”改為@click.native=“fun()”,即可監聽下拉菜單的點擊事件。 如圖所示: 嗯,就醬~element-ui中下拉菜單中的@click事件不會觸發的問題
jquery中click點選事件巢狀後多次觸發的解決方案
首先講講我遇到這個問題的時候,我最開始想到的是阻止事件冒泡,想了一下好像沒有什麼關係的,最後決定還是動手做做看,放到專案中試了試確實是沒有什麼關係的,傻眼了怎麼辦,來講講我的親身體驗吧! 產生此種小姑的原因:jQuery中的click事件會累計繫結,所以我們可以在下次點
vue.js 1.0中用v-for遍歷出的li中的@click事件在移動端無效
play 需要 data class import child exp ons rec 在vue.js使用v-for遍歷出的li中的@click事件在移動端無效,在網頁端可以執行,代碼如下 <template> <div class="rating-
element-ui 點擊編輯彈出dialog組件中select組件綁定值改變,但是不觸發change事件
select http inf 視頻 log OS src AR gpo 代碼結構如下: 現象視頻如下: 現象原因:經過排查發現 此時點擊操作不觸發chang事件,後臺響應數據中沒有訂單取消原因orderCanleRemark字段,此時導致不觸發change事件,
微信小程式中 scroll-view觸底事件不觸發的解決方法
scroll-view元件是否設定了確定的高度,若沒有請設定 scroll-view元件的 lower-threshold 引數是否帶了單位,若帶了單位如 px、rpx等,請去除,只使用數值。 若設定了上面兩項還是沒有效果,將 scroll-view的高度設定為具
js中的onclick事件和JQuery中的click方法以及on方法事件用法總結
1.onclick是繫結的事件(它是一個事件),注意該事件繫結只是JacaScript中有(js中的),Jquery中並沒有此事件,告訴瀏覽器在滑鼠點選時候要做什麼 2.click方法(jquery中的)作用是觸發onclick事件,只要執行了元素的click()方法,就會觸發onclick事件
element中通過js觸發按鈕的點選事件
vue: <el-button type="primary" @click="dataDocking2()">批量處理</el-button>(通過總按鈕來觸發下邊表格按鈕的事件) <el-table :data="dataDocki
js和jquery動態實現radio選中觸發事件
最近寫的功能是根據radio選中不同的值實現觸發對應的事件,現將實現方法總結如下: html如下: <div id="div_pathType"> <input name="pathType" class="page_input_radio" id="pathType"
js/jQery中的鍵盤監聽事件觸發回車鍵位登入觸發教程及demo
js/jQery中的鍵盤監聽事件觸發回車鍵位登入觸發教程及demo 在我們專案的過程中經常會遇到需要鍵盤 來控制的事件,比如:登入、搜尋等,廢話不多說上程式碼!! 我這裡主要是做了兩個的監聽,一個是回車的,一個是通用複製的, 可以在判斷中寫入方法體來控制 <script
多執行緒中觸發的事件函式在哪個執行緒中執行
轉載於:https://www.cnblogs.com/findumars/p/5289375.html 在多執行緒開發中,如果在多執行緒中訪問主執行緒建立的物件,並觸發了這個物件的事件,將會執行這個事件的處理函式,那麼這個處理函式是在主執行緒中執行還是在觸發事件的執行
重寫radio單選框選中按鈕然後觸發其他事件
首先編寫下面日期資訊 對應的程式碼如下 <input type="hidden" name="fdLoop" id="fdLoop" value="3" /> <input type="radio" name="rdL
html中radio值的獲取、賦值、註冊事件。
1,radio分組 只要name一樣,就是一組的,即一組中只能選擇一個,如下: <span>group1:</span> <input type="radio" id="radio1" checked="checked" name="grou
Asp.net_解決在高版本ie瀏覽器下按鈕點選事件不觸發
這是微軟的一個相容bug,通過伺服器補丁方式解決。 沒有此修補程式時出現的常見問題 請考慮下面的方案: 您可以使用 Windows Internet Explorer 10 來訪問基於 ASP.
Angularjs中table中實現點選td中按鈕不觸發tr的點選事件
今天遇到個問題: 1、在table中,每一行有個checkbox,tr上設定了ng-click; 2、每一行最後又有一個按鈕【詳情】,按鈕使用ui-sref設定了點選事件; 3、現在出現的問題是:點選【詳情】按鈕,同樣會觸發ng-click事件,即將複選框checkbox勾
關於js事件物件(DOM中的事件物件、IE中的事件物件、跨瀏覽器的事件物件)的詳解
在觸發DOM上的某個事件時,會產生一個事件物件event,這個物件中包含著所有與事件有關的資訊。包括導致事件的元素、事件的型別以及其他與特定事件相關的資訊。例如,滑鼠操作導致的事件物件中,會包含滑鼠位置的資訊,而鍵盤操作導致的事件物件中,會包含與按下的鍵有關的資訊。所有瀏覽器
使用jQuery的hover事件在IE中不停閃動的解決方法
在使用jQuery的hover事件時,經常會因為滑鼠滑動過快導致選單不停閃動的情況,相信很多朋友都遇到過自己做的縱向下拉選單不停的收縮,非常的討厭。今天在給一個網站設計選單時也遇到了這個情況,結果在百度上找了N久,沒有找到解決方法。在這裡吐槽一下,百度太2了,收錄的內容都
IE11中OCX控制元件的事件不能夠被IE捕獲的解決辦法
寫了一個OCX控制元件,在OCX控制元件中觸發一事件,在IE11之前的版本使用attachEvent註冊一個回撥函式後IE11可以捕獲到事件,但IE11中提示attachEvent不支援. In IE11, the attachEvent has been droppe