在谷歌浏览器下拉框中的onclick事件失效无响应解决方案

最新推荐文章于 2022-04-15 11:17:07 发布

原创最新推荐文章于 2022-04-15 11:17:07 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #html #javascript

Html 同时被 3 个专栏收录

262 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

本文介绍了解决谷歌浏览器中下拉框的onclick事件失效的问题，通过使用onchange事件替代，使得在不同浏览器上都能正常工作。

在谷歌浏览器下拉框中的onclick事件失效无响应解决方案

- 源代码
- 解决方案

源代码

<select name="page" size="1" >
<option onclick="qipa250(1)" selected="selected">第1页</option>
<option onclick="qipa250(2)">第2页</option>
</select>

这段代码在IE和火狐浏览下可以使用，在谷歌浏览器里面可以显示下来框，但就是里面的onclick事件使用不了

解决方案

ie 跟 chrome 中 select 下拉框 option 不支持onclick事件可以用onchange事件

<select name="page" size="1" onchange="qipa250(this.value)" >
<option selected="selected">第1页</option>
<option>第2页</option>
</select>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

徊忆羽菲

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

javascript按钮点击事件在谷歌浏览器中不生效(只有一个按钮不生效，其他都正常)?

12-09

这个页面只有onClick="move_left()这个单击按钮在谷歌浏览器中不生效，按下没反应，其他都正常的，在IE中全部都是正常可用的，请帮忙看看，代码很简短

layui 中select下拉change事件失效的解决方法

01-21

layui 中select下拉change事件失效的处理方法 1.select中添加 lay-filter=“test” <select lay-filter=test></select> 2.处方方法 form.on('select(test)', function(data){ console.log(data.elem)...

参与评论您还未登录，请先登录后发表或查看评论

onClick在Chrome下无效

wbr306408943的博客

03-19

7203

相信大家对内联的js事件都不陌生。我们先来看看以下例子： nClick="func1();">1; 一眼过去，点击下拉框的选项“1”，就会执行func1；的确，打开360浏览器，以上思路的确行的通，但是在Chrome下却无效。究其原因，我们要实现的是在select元素中进行选择，选择后执行函数func1；上面的代码用了onClick实现选择功能，但是对于select元素来说真正的选择事件是cha

谷歌浏览器下拉框中的onclick事件无响应

听风暖的博客

03-13

9437

有下拉跳转框如下所示： select name="page" size="1" > option onclick="refurbish(1)" selected="selected">第1页option> option onclick="refurbish(2)">第2页option> select> refurbish()函数是一个javascript函数，可以根据传入的数字来获取到对应

chrome 插件 click 无效

weixin_39975379的博客

03-23

3345

问题：在开发Chrome插件的时候，想在popup.html中添加一个按钮，增加点击事件，但是点击一直无效。解决方法： 1. 首先Chrome扩展程序不允许您使用内联JavaScript（文档）,所以你的js部分要写在一个外部的js文件中。一般叫做popup.js 2. 想要使click事件生效，我们需要监听在执行事件之前，页面已经加载完成 js 的代码这样写 // popup JS...

关于<a>标签调用onclick中的方法无效

热门推荐

橘子的博客

05-31

1万+

异常信息为（我的方法名为download()）：Uncaught TypeError: download is not a function at HTMLAnchorElement.onclick不过在IE中，一切正常，在chrome opera出现该问题。解决办法：download() 函数跟标签的download属性冲突，改个名就好了

基于jQuery的select下拉框选择触发事件实例分析

12-29

本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考，具体如下：我一直以来都认为，select 下拉框选择对选项 options 使用 onclick 注册事件即可，如下： <select> 选项一...

使用layui监听器监听select下拉框,事件绑定不成功的解决方法

10-16

本文将深入探讨如何使用layui监听器监听select下拉框，并解决事件绑定不成功的问题。首先，layui监听器的核心在于其事件绑定机制。在layui中，我们可以使用`form.on()`方法来监听form表单内的元素事件，包括select...

BootStrap中关于Select下拉框选择触发事件及扩展

01-19

Select下拉框的问题，想在选择一个选项后，前台显示做出变动，并且知道选择的是第几个选项。这个很好解决：如下: <select class=form-control onchange=selectOnchang(this)> 所有申请商家待审核商家...

BootStrap下拉框在firefox浏览器界面不友好的解决方案

01-19

以上这个链接在firefix浏览器打开就会发现里面有个小容器，而且下拉按钮样式很不友好上谷歌查了一下 1.小容器可以利用select:padding:0 2.下拉图标可以利用background-image；-moz-appearance:none把下拉框的...

【js】google浏览器兼容，onclick事件点击报错：xx is not defined

做一个有趣的妞儿

04-15

781

源码： <a onclick="openUrl();" >新建《项目进度表》</a> <script> function openUrl(){ var url = "http://www.baidu.com"; Com_OpenWindow(url,'_blank'); } </script> 2.报错 3.修改后 openUrl=function(){ var url = "http://www.baidu.c.

google 浏览器竟然不支持A标签的 onfocus事件

yiding123的专栏

06-10

536

google 浏览器竟然不支持A标签的 onfocus事件。在使用xtree过程中，发现在google浏览器下在点树节点上的文本获取不了选择的节点，而文本前面的图片是可以获取到的，也就是tree.getSelected()方法返回为null. 仔细检查了代码后，发现在xtree.js中，文标上a标签中onfocus方法没有执行，这很郁闷，为什么这个浏览器不支持呢？解决方法：将on...

关于Chrome不支持click()模拟用户触发链接

北极熊的空间

04-26

913

有这样一段代码： $(document).ready(function () { $("#Button1").click( function () { $("").insertAfter($(this))[0].click();} ) } ) 在IE下工作正常，但是在

html元素设置position:absolute绝对定位后，onclick点击事件失效问题

爬楼梯的前端小白的博客

04-06

2627

问题场景：form设置了绝对定位，form里面有个按钮，按钮注册了onclick事件，发现点击按钮没反应；问题解决：在chrome中打开该网页，鼠标移到这个按钮上右键检查，发现form后面定义的html元素在该按钮的上面层，由此可知，我们点击按钮，实际上并没有点击到按钮...... 只需在form绝对定位的样式里添加一行代码，让按钮浮上来： position: absolute; z-index: 99;//添加该行代码即可转载自:html元素设置position:absolut.

chrome下li标签onclick事件无效

weixin_30951389的博客

11-25

1375

//绑定事件 $(document).ready(function () { $("ul").children().click(function () { clickLi(this); }) }); //点击li标签跳转，根据li标签的url属性 function clickLi(obj) { var liUrl= $(obj).attr(...

select标签中options点击事件无效的问题

梦凝哲雪

09-02

3308

直接给options 点击事件在谷歌浏览器 无效新版EDG有效 HTML代码 <select> <option οnclick="find('China')" >中国</option> </select> Javasccriot代码 function find(value){ alert(value); //谷歌无法弹出框 } 退而求...

谷歌浏览器不兼容select的option里onclick事件的解决方案

08-26

7452

代码里在option 里加了onclick事件属性，平时多在firefox浏览器下开发，测试时发现以谷歌为内核的浏览器onclick事件无作用，查了下资料，在select里面用onchange就好了，如下：<select onchange="return selected(this.options[this.selectedIndex].value)"></select>

robotframework中关于chrome在模拟手机模式中click不好使问题

herotangabc的专栏

07-16

1082

这不是robotframework和selenium的锅直到现在为止,chromedriver最新版(v2.40)还是不能通过chromedriver在chrome模拟手机的模式下进行正确的click,这件事情已经持续了近2年时间了,具体可以参考查看最新的进展 https://bugs.chromium.org/p/chromedriver/issues/detail?id=2144&amp...

onclick事件没有反应的五种可能情况

qujing_1120的博客

08-07

5610

onclick=”alert()” 事件没有反应的几种情况。第一：双引号包括双引号，将里面的双引号改为单引号。第二： A没有赋值你或者 a的赋值写在了script里面，而没有写在head里面。这就是公共变量的问题。第三事件调用的是方法，是方法就应该加（）小括号。忘了加小括号。第四方法名是name（）。可能与某些关键词冲突，换一个名字或者加个123以

解决IE浏览器下拉框乱码只需安装特定字体

IE浏览器下拉框出现乱码的问题，通常是因为在网页中使用的字体没有被正确地加载，或者网页的编码格式和浏览器所使用的编码格式不一致导致的。由于该问题特别指出在IE浏览器中出现，我们需要针对IE的特性来进行解决。...