javascript中奇怪事件

为啥叫奇怪事件了,应该是我目前掌握的知识暂时不能解释这种现象滴呀(也许可以用事件流的概念来解释滴呀)

看布局:

#hideInfo{height:100px;width:100px;background:green;position:absolute;top:20px;left:-90px;
}
#hideInfo span{height:100px;width:100px;background:blue;position:absolute;top:20px;left:290px;
}

看效果:

js代码:

window.οnlοad=function (){//这样我岂不是可以形成一种视觉上的错误滴呀var bar=document.getElementById("hideInfo");bar.onmouseover=function (){alert("fuck");    }}

结果:

当我鼠标移入span(蓝色方框)的时候我们,效果就alert了,

转载于:https://www.cnblogs.com/mc67/p/5170096.html

javascript中奇怪事件相关推荐

  1. 浅谈JavaScript中的事件

    事件在javascript中是响应用户的一种基本操作,本文列举了两种javascript中的事件模型及其绑定的方式,希望能对你的学习带来一点帮助.这些都是非常基础的但或许其中有你所遗漏.(以下事件均针 ...

  2. JavaScript学习笔记06【高级——JavaScript中的事件】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

  3. 【前端学习】前端学习第十五天:JavaScript中的事件模型

    在各种浏览器中存在三种事件模型:原始事件模型.DOM事件模型和IE事件模型: 一.原始事件模型: 原始事件模型被所有浏览器支持: 在原始事件模型中.事件一旦发生就直接调用事件处理函数,事件不会向别的对 ...

  4. java基础66 JavaScript中的事件、localtion对象、screen对象(网页知识)

    1.JavaScript中的事件注册 1.1.事件的注册方式 方式1:直接在html元素上注册<body onLoad="ready()"></body > ...

  5. 12.在JavaScript中的事件模型如何理解?

    一.事件与事件流 javascript中的事件,可以理解就是在HTML文档或者浏览器中发生的一种交互操作,使得网页具备互动性, 常见的有加载事件.鼠标事件.自定义事件等 由于DOM是一个树结构,如果在 ...

  6. 「前端面试题系列7」Javascript 中的事件机制(从原生到框架)

    前言 这是前端面试题系列的第 7 篇,你可能错过了前面的篇章,可以在这里找到: 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局? ...

  7. 理解JavaScript中的事件

    在很多语言的学习中,"事件"都是一个比较难理解,但是又是一个很重要的概念.JavaScript中的事件处理也是一样,正因为有了事件处理,才会出现Ajax拖动的效果.本文就讨论一下J ...

  8. php event loop,理解javascript中的事件循环(Event Loop)

    背景 在研究js的异步的实现方式的时候,发现了JavaScript 中的 macrotask 和 microtask 的概念.在查阅了一番资料之后,对其中的执行机制有所了解,下面整理出来,希望可以帮助 ...

  9. javascript中定义事件的三种方式

    在javascript中,可以为某个元素指定事件,指定的方式有以下三种: 1.在html中,使用onclick属性 2.在javascript中,使用onclick属性 3.在javascipt中,使 ...

  10. Javascript中的事件冒泡

    这是一个基础性的文章,使用Javascript观察DOM中的事件冒泡机制,并介绍如何阻止默认行为和如何组织事件冒泡的方法. 1. 第一个例子可以在Firefox下运行 <div id=" ...

最新文章

  1. zabbix二次开发之从mysql取值在运维平台js图表展现
  2. 闪电网络真的是比特币最好的扩容解决方案吗?
  3. 记录一下matlab三维柱状图调色详细步骤
  4. centos7 搭建FastDFS服务器
  5. 【Linux环境部署】最新版 elasticsearch + kibana(7.15.0)安装、配置、启动(多个问题处理 + kibana仪表盘使用)
  6. python正则表达式匹配模式屠夫之桥_Python 编程快速上手 第 7章 模式匹配与正则表达式...
  7. 强化学习应用于组合优化问题_如何将强化学习应用于现实生活中的计划问题
  8. 安卓开发学习笔记(六):如何实现指定图片定时开屏功能?
  9. C#:foreach语句,yield语句
  10. Puppet基础篇7-编写第一个完整测试模块puppet
  11. 机器学习实战——决策树:matplotlib绘图
  12. What decide the USB OTG port as host or device
  13. 引入 DTM 以支持 ABP 的多租户多数据库场景
  14. manage run-time environment
  15. idea 找出TODO
  16. Luminar 4:AI 人像照片增强器
  17. 用HTML+js实现求圆的面积和周长
  18. CAD有关建筑、室内设计等方面的基础步骤流程
  19. 抖音禁封规则讲解(8)涉嫌黑社会,走私物品被禁封丨国仁网络
  20. Llinux系统下大量复制文件和同时复制多个文件

热门文章

  1. Pycharm整个菜单栏都不见了(包括File\View那一栏)
  2. 强化个人信息保护意识
  3. PIPIOJ 1043 数学王子
  4. 机器学习 jupyter Python 监督学习 KNN算法 海伦约会实验
  5. 超级计算机预测2月有雪寒潮,2月要来寒潮?过年又降温又下雪?超级计算机:还不确定...
  6. 分享:轰动全球的12大创意二维码营销案例!
  7. iTween基础之Punch(摇晃)
  8. 茶觉 | 有一种品质叫“落水香”
  9. 【Django】Uploaded Files以及Handlers
  10. AndroidStudio找回本地历史记录修改代码