ios中單選框點選無效

2022-10-11 10:51:08 字數 561 閱讀 4807

1.1 今天做移動端開發,發現ios點選單選框有時候有效,有時候無效

2.1 ios端給乙個元素新增click事件時,如果事件是委託到 document 或 body 上,並且委託的元素是預設不可點選的(如 div, span 等),此時 click 事件會失效。

3.1 將事件註冊在dom上,如:element.addeventlistener(event, function, usecapture);

3.2 將目標元素換成 或者 等可點選的元素

3.3 給目標元素新增乙個空的 onclick=""

(點選我!)

3.4 把 click 改成 touchend 或 touchstart(注意加上preventdefault)

3.5 將 click 元素委託到非 document 或 body 的父級元素上

3.6 給目標元素加一條樣式規則 cursor: pointer; (cursor: pointer; -webkit-tap-highlight-color: transparent;)

3.7 模擬製作乙個樣式相仿的單選框

推薦使用3.7方式

jsp點選框 Jsp單選框

我想在乙個jsp頁面也就是delete得到productlist.jsp上面的已菜單選框的value值,怎麼實現呢?productlist.jsp functiondel varb docum.我想在乙個jsp頁面也就是delete 得到productlist.jsp上面的已菜單選框的value值,...

Vue 單選框與單選框組 元件

v model 通過當然繫結的值與input上的value值來確定當前選中項。在父作用域中通過active設定當前預設選中項,如果選中項發生改變後通過input事件通知傳遞到父作用域,告知當前選中項.自定義元件 v model 資料雙向繫結 radio v model active label 1 ...

js 多選框 單選框

此多選框 單選框可以換按鈕 只更改雪碧圖的定位即可。沒有使用自帶的控制項,是重新寫的。用到了模組化開發,類的匯出匯入,類的繼承。type module import radio from js radio.js import checkbox from js checkbox.js let hobb...