js事件mouseover和mouseout没效果 chorme浏览器

<!DOCTYPE html>`
<html>
    <head>
        <meta charset="utf-8">
        <script>
            function lightOn(){
                document.getElementById("con").src="http://image108.360doc.com/DownloadImg/2017/07/3109/107140758_2.png";
            }
            function lightOff(){
                document.getElementById("con").src="http://image108.360doc.com/DownloadImg/2017/07/3109/107140758_3.gif";
            }
        </script>

    </head>
    <body>
        <h1>控制灯泡开关</h1>
        <img src="http://image108.360doc.com/DownloadImg/2017/07/3109/107140758_2.png" id="con" onmouseover="lightOn()" onmouseout="lightOff()"
        width="100px" height="180px">              
    </body>
</html>

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
玉爷~ 2019-04-08 12:26
关注
这是src属性的问题，事件发生的时候函数是执行了的，不信在函数里面写个alert("hello")；
可以使用setAttribute属性来修改src的值

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

js事件mouseover和mouseout没效果 chorme浏览器 html5 javascript jquery node.js vue.js
2019-04-08 12:15

回答 2 已采纳这是src属性的问题，事件发生的时候函数是执行了的，不信在函数里面写个alert("hello")；可以使用setAttribute属性来修改src的值
alert mouseover mouseout事件问题 html javascript 前端
2022-03-26 18:07

回答 1 已采纳把js代码放form标签下面，有可能是预编译的问题，望采纳。
jQuery的mouseover和mouseenter的具体区别是什么？ jquery
2015-11-14 08:21

回答 3 已采纳 mouseenter移动进去触发一次，移动到子对象后，再移动到此对象不会触发， mouseover移动到对象上就会触发，不管是否从子对象移动的 ``` 父div 子div
JS函数和JS事件知识总结
2020-08-28 12:58

三杯两盏淡酒c的博客文章目录1.数值转换：2.字符串函数：3.window对象4....滚动条的滚动距离11.JS时事件：1.事件流：2.事件处理程序 1.数值转换： //将括号中的内容转化为数值类型 Number(); //将内容转化为整数/浮点，如果内容中包含
js实现放大镜效果，出错 javascript 前端
2022-04-10 12:50

回答 1 已采纳这里写错了 let bigimgTop = (moveTop + move.offsetHeight / 2) / container.offsetHeight * bigimg.offsetHeig
如何在mouseover事件里又用click事件里面的东西 javascript
2021-12-19 23:04

回答 1 已采纳 mouseover是鼠标触发被选元素事件，click是点击事件
ie浏览器加载jquery，通过append()方法，事件没反应。 html5 javascript jquery 前端
2017-01-09 13:05

回答 2 已采纳设置z-index就行了，dom操作导致ie重复触发mouseover ``` $("#main").delegate(".editor", "mouseover", funct
Vscode前端笔迹
2023-02-20 16:37

白嫖勇者的博客 mouseout:鼠标离开一个节点触发，离开父节点会再一次触发 wheel:滚动鼠标的滚轮时触发 Event事件事件发生之后，会产生一个事件对象，作为参数传给监听机制，event作为参数传入函数 event对象属性: event.target:...
请问为什么百度地图的@mouseover只能监听行政区的线不能监听区域呢 javascript vue.js 前端
2021-08-27 15:22

回答 1 已采纳持续监听区域要mousemove；mouseover是监听第一次
mouseover在jQuery中触发失效 html5 javascript jquery
2022-06-21 19:10

回答 4 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />
@mouseover和 @mouseleave不应该是鼠标移入移出吗？为什么现在必须点击才能变色？ vue.js
2022-07-08 14:15

回答 3 已采纳我试了一下没问题啊 https://codepen.io/guyu521/pen/dymMNyO
windows系统的触屏设备下的谷歌浏览器和IE浏览器触屏事件（Touch和MSPointer）
2019-04-04 11:31

A Dream Come True的博客最近遇到的需求，在windows触屏设备上，实现手指拖动div框。...触摸事件Touch 移动端有四个关于触摸的事件 touchstart 触摸开始的时候触发 touchmove 手指在屏幕上滑动的时候触发 touchend 触摸结束的时候触发 ...
ext 鼠标悬浮事件 mouseover
2016-10-17 03:25

回答 1 已采纳 gridpanel么有mouseover事件吧。。数据行是itemmouseenter：http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.grid.Panel
JS中的事件类型和事件属性的基础知识
2019-10-02 01:34

dianyan5615的博客周末无聊，这几天又复习了下JS搞基程序设计3，想着好记性不如浪笔头哇，要么把这些东西写下来，这样基础才能更加扎实么么哒, 知道的同学也可以直接过一下,当做复习，小姨子再也不用担心我的学习啦；　从哪里...
JavaScript 学习笔记（四）-- BOM
2021-07-25 09:48

Agoni Lay的博客定义了浏览器的接口 BOM对象：Window，History，Navigator，Screen，Location 属性滚动条滚动距离 pageXOffset / pageYOffset 求滚动条滚动距离，返回 number 类型的数值，单位是像素 pageXOffset --> 横向 ...
JavaScript基础系列10---事件1
2016-12-14 17:05

做人要厚道2013的博客一、事件和事件流(了解)==(102)== JavaScript是一种基于对象(Object)和事件驱动(Event Driven) 并具有安全性能的脚本语言。JavaScript和HTML之间的交互就是通过一系列的事件来实现的。1.1 什么是事件 ...
JavaScript：事件
2020-09-30 04:09

枫眠cc的博客事件事件是可以被JavaScript侦测到的行为，它包含...mouseout 移开 mousemove 移动 mouseup 抬起 mousedown 按下键盘事件 keydown 按下时 keypress 按着没松开 keyup 抬起表单事件 submit 提交 blur 失去
JavaScript:)事件
2021-09-03 13:48

别急在写bug的博客 chorme等等:在每一个事件处理函数的行参位置，默认第一个就是事件对象兼容写法:e=e||window.event 点击事件的光标坐标点获取相对事件源:offsetX和offsetY 相对浏览器:clientX和clientY 相对于页面:pageX和pageY ...
jQuery
2017-07-02 00:38

耳东蜗牛的博客 jQuery能让开发者在文档中轻松找到关心的元素，并对这些元素进行操作：添加内容，编写HTML属性和CSS属性、定义事件处理程序以及执行动画。它还拥有Ajax工具来发起HTTP请求，以及一些通用的工具函数来操作对象和数组...
Web前端教程4-JQuery教程
2019-04-28 09:21

weixin_30586085的博客目录 1. JQuery基础 1.1. 基本语法 1.2. JQ和JS的差异 1.3. JQ入口函数的写法 1.4. JQ核心函数 1.5. JQ对象 2. JQ静态和实例方法 2.1. JQ静态方法： each ...
没有解决我的问题, 去提问

悬赏问题

¥15 关于网上一个easyx制作的见缝插针小游戏(c++)
¥15 开地址法双散列函数处理碰撞
¥15 想问一下这个是什么情况虚拟机Linux打不开了
¥15 联通光猫掉注册了怎么重新注册上去
¥15 关于unity开发steamvr程序遇到的问题
¥60 求tc downloader的下载方式
¥15 华为快捷方式手电筒接口
¥15 Qt6.5支不支持Android13开发啊
¥20 网络只能跑一半，应该如何设置
¥20 Python调用百度开发者平台人脸识别接口

js事件mouseover和mouseout没效果 chorme浏览器

2条回答 默认 最新

悬赏问题

2条回答默认最新