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

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>";
}

时间: 2024-10-12 03:51:27

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

【jQuery】论手机浏览器中拖拽动作的艰难性

本来标题是<论手机浏览器中拖拽动作的不可能性>的,但是想了想还是改成艰难性,避免过于绝对 本想在手机网页中实现一个如iphone可以随意拖动的控制按钮的,但是最后发现竹篮打水一场空, 虽然拖拽动作在手机浏览器中司空见惯,但是在手机浏览器中,要想实现可以被拖拽的组件,却是一件不可能的事情. 先来看看在PC网页中,拖拽动作是怎么做的, 首先,我们有一个按钮,点击有动作,一直按着不放,可以随意拖动,就像iphone可以随意拖动的控制按钮一样, 如上图的灰色图层,写出来也不甚容易, 首先,要把灰色图层

手机浏览器下IScroll中click事件

产品的h5页面几乎都使用了iscroll插件,如果a标签在iscroll里,在部分手机浏览器中会出现无法点击的情况,不管是绑定click事件还是使用a标签的href属性.href属性偶尔还会能点击,click事件完全不能. 如果用button或input代替a,都能响应click事件. 如果用微信内置浏览器,都能响应click事件(nubia除外).QQ浏览器也能响应. 也就是出现此问题跟手机本地浏览器,iscroll,a标签都有关系. iScroll uses various techniqu

解决iscroll5在手机页面上onclick事件失效

Iscroll.js使用之后页面上面A标签的onclick事件无效了 解决办法 实例化IScroll的时候把preventDefault设为false,默认为true 1 var myScroll; 2 function loaded () { 3 myScroll = new IScroll('#wrapper', { 4 //preventDefault为false这行就是解决onclick失效问题 5 //为true就是阻止事件冒泡,所以onclick没用 6 preventDefault

UC手机浏览器js加入收藏夹

概述 对于某些网站来说,让用户一键把网页加入收藏夹的设计是非常棒的,它能提醒用户把网页加入收藏夹,从而增加用户的回访率,使网站获得更多的流量. 在PC端,只有ie和ff支持用js把网页加入收藏夹的操作,在移动端目前都不支持把网页加入收藏夹,除了uc手机浏览器,因为uc手机浏览器用的U4内核,经过了一些处理. 由于UC浏览器目前的用户数量还是挺多的,所以探讨一下UC手机浏览器端怎么实现把网页加入收藏夹是很必要的,我把结果记录下来,供以后开发时参考. 结果 直接上结果,通过下面的代码即可调出浏览器的

js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 # )

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”. 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagation()方法e.stopPropagation(); else//否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true;return fal

asp.net中Button按钮点击两次才执行Onclick事件的原因

今天写了一个简单的聊天室,有登录页面和聊天室,当从登录页面跳入到聊天室过后,却发现要点击两次发送按钮才能发送到显示区,然后发送按钮正常运行. 通过不断测试,发现,第一次点击并没有执行点击事件,第二次才执行的点击事件.并且也找到了问题所在.下面用一个简单的小例子来说明: 页面Server_Transfer.aspx: <asp:Button ID="Button1" runat="server" Text="Button" OnClick=&

js事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象

事件对象    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息.包括导致事件的元素.事件的类型,以及其他与特定事件相关的信息.例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含与按下的键有关的信息.所有浏览器对象都支持event对象,但支持方式不同. DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中.无论指定事件处理程序时使用什么方法(DOM0级或DOM2级),都会传入event

JQuery 阻止js事件冒泡 阻止浏览器默认操作

//阻止事件冒泡 event.stopPropagation(); //阻止浏览器默认操作 event.preventDefault(); 代码不一定能执行,写给自己看的. 事件冒泡: 1 <a href="javascript:alert('啦啦啦');"> 2 <ul onclick="alert('德玛西亚');"> 3 <li onclick="alert('大盖伦');"></li> 4

wp8手机浏览器项目

项目需求如下: 1.页面布局 最上方为搜索/网址框 中间为网页显示区,默认主页为百度搜索 最下方为功能栏,分别有后退,前进,窗口和更多功能 在更多功能中有 分享给好友 发送网址到桌面 查看历史记录等 2.搜索/网址框 用户在最上方的搜索/网址框中可以进行搜索或者输入网址 如果输入的网址则跳转到该网址 如果是文字内容,则对该文字进行百度搜索 用户点击输入时弹出url软键盘 回车进行搜索或者网址跳转 跳转之后软键盘关闭 在用户浏览网页时,搜索/网址框显示该网页的标题 当用户点击搜索/网址框进行操作时