JS中的click事件无反应

今天在一个js文件中写了一个click函数,结果在页面中点击后死活没有反应,各种检查之后代码也没问题,就是无法触发click函数。各种百度之后终于找到了问题所在:在点击的时候,此时页面还没有渲染完成。于是就无法触发点击事件。找了一个帖子,里面是这样说的:

> JS是单线程,但是浏览器是多线程,虽然说js是边读边执行的,但是并不是真的边读边执行的。浏览器里面至少有两个线程,一个是渲染的,一个是js的,当渲染的线程工作的时候,js的线程是在休息中的,同样,js线程工作的时候,渲染线程就在睡懒觉!

然后使用了延时的办法进行解决:

setTimeout(function() {$("#").click(function(){});}, 1000);

JS中的click事件无反应相关推荐

  1. js中的onclick事件在ul获取li时点击两次才会执行的原因

    js中的onclick事件在ul获取li时点击两次才会执行的原因 下面的代码中 只有onclick第二次才会执行函数内部的代码 代码实例如下: <!DOCTYPE html> <ht ...

  2. 如何调试JS中鼠标悬停事件影响的元素?

    如何调试JS中鼠标悬停事件影响的元素? 在日常的前端开发中,我们经常要调试许多其他开发者写的网站和代码.此时我们往往会打开浏览器的开发者工具,在 Elements,Console,Network,So ...

  3. JS中常用的事件操作

    JS中常用的事件操作 前言 一.点击事件(导航栏内容切换功能) 二.移入移出事件(导航栏菜单下拉功能) 三.失去焦点事件(表单检验功能) 四.鼠标事件(鼠标跟随功能) 五.键盘事件(打飞机案例) 总结 ...

  4. js中的onchange事件

    js中的onchange事件 刚开始接触 onchange 事件就开始幻想能做很多炫酷的事情,但是初学JS时知识不够全面,力不从心.对于onchange事件还不够了解. onchange事件被描述为 ...

  5. js中的onclick事件和JQuery中的click方法以及on方法事件用法总结

    1.onclick是绑定的事件(它是一个事件),注意该事件绑定只是JacaScript中有(js中的),Jquery中并没有此事件,告诉浏览器在鼠标点击时候要做什么 2.click方法(jquery中 ...

  6. jq onclick 定义_关于js中的onclick事件和JQuery中的click方法

    1.onclick是绑定的事件(它是一个事件),注意该事件绑定只是JacaScript中有,Jquery中并没有此事件,告诉浏览器在鼠标点击时候要做什么 测试onclick事件 function mo ...

  7. JS中哪些常用事件可以冒泡

    总结JS中的一些常用事件是否可以冒泡. 事件 是否可以冒泡 click √ dbclick √ keydown √ keyup √ mousedown √ mousemove √ mouseout √ ...

  8. python怎么让按钮透明_python – 如何创建一个响应Tkinter中的click事件的透明矩形...

    我需要在tkinter.canvas中绘制一个矩形来响应click事件: click_area = self.canvas.create_rectangle(0,0,pa_width,pa_heigh ...

  9. html事件中写js,html标签中绑定触发事件与js中绑定触发事件写法上的区别

    html> js中方法名后加括号和不加口号的区别 按钮 var test = function(){ var span = document.createElement("span&q ...

最新文章

  1. python 第六章 函数
  2. Android 改变AlertDialog的大小
  3. 【错误记录】Mac 中 IntelliJ IDEA 运行 Python 程序报错 ( pip 21.0 will drop support for Python 2.7 in January 20 )
  4. Nodejs开源项目推荐
  5. FireWork 制作android 应用程序 icon
  6. 日常生活小技巧 -- vmware workstation 无法连接到虚拟机
  7. 关于Webapp的注意事项
  8. C++之inline函数使用总结
  9. PANIC: Unreachable code reached.
  10. 北交计算机学硕培养计划,北京交通大学硕士研究生培养方案——交通信息工程及控制...
  11. 优秀!结构最清晰的Yolov3 head和loss实现完全解析
  12. 网站开发中敏感信息加密
  13. java程序运行过程数据丢失怎么办_java运行过程中OutOfMemoryError是什么原因?怎么解决...
  14. 管理新语:主管不要当传声筒,要检查、核实
  15. **LPC1788加密与解密方法**
  16. 1.checkpoint防火墙安装以及高可靠性配置
  17. word怎么加入html,Word中怎么放入html
  18. 东京喰种语录(节选)
  19. 数字逻辑课程设计--数字钟的设计(quartus ii)(内附源代码和实习报告以及6篇实习日志)
  20. C++实现身份证校验和归属地查询

热门文章

  1. L4操作系统(L4/Fiasco介绍)
  2. 【隧道应用-3】Cobalt Strike正向连接多层内网
  3. PDCP 功能与基本概念
  4. linux生成相同文件名覆盖吗,去掉Linux中cp覆盖同名文件的提示
  5. LCD12864液晶显示屏引脚,功能介绍【160字】【原创】
  6. RocketMQ的消费者消息重试和生产者消息重投
  7. stratum协议原理
  8. 免费的crm系统部署在自己的服务器,crm系统本地部署与云端部署的区别
  9. 用MATLAB编写限幅滤波程序,双二阶滤波器之MATLAB设计及C语言实现
  10. 贝萨尔曲线实现Periscope心形点赞动画效果