关于onclick事件在手机浏览器无法使用问题

最新推荐文章于 2023-10-08 09:41:44 发布

weixin_30470857

最新推荐文章于 2023-10-08 09:41:44 发布

阅读量861

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/lhwhqy/p/7359599.html

本文介绍了一种解决手机浏览器中HTML元素的onclick事件无法触发的问题的方法。通过将option标签替换为li，并将事件处理程序置于外围的a标签中，成功解决了此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

for (var n = 0; n < data.length; n++) {
if (data[n].abici_bankfullcode == ssb_bankCode)
p += "<option value=\"" + data[n].abici_bankfullcode + "\" selected=\"selected\" id=\"" + data[n].abici_bankfullcode + "\" onclick=\"selectbank(" + data[n].abici_bankfullcode + ")\">" + data[n].abici_bankfullname + "</option>";
else
p += "<option value=\"" + data[n].abici_bankfullcode + "\" id=\"" + data[n].abici_bankfullcode + "\" onclick=\"selectbank(" + data[n].abici_bankfullcode + ")\">" + data[n].abici_bankfullname + "</option>";
}

最开始是这样写的在电脑上打开一点问题都没有，但是上传到服务器，用手机打开onclick事件就无法使用，然后把option标签换成li还是不行，后台又在li外面加了a标签，然后把onclick事件放在a标签里，这么做就没了问题

for (var n = 0; n < data.length; n++) {
if (data[n].abici_bankfullcode == ssb_bankCode)
p += "<a href='javascript:void(0)' onclick=\'selectbank(" + data[n].abici_bankfullcode +")\'><li style='background:#57B1E6;'>" + data[n].abici_bankfullname + "</li></a>";
else
p += "<a href='javascript:void(0)' onclick=\'selectbank(" + data[n].abici_bankfullcode +")\'><li>" + data[n].abici_bankfullname + "</li></a>";
}

转载于:https://www.cnblogs.com/lhwhqy/p/7359599.html