鼠标经过事件（onmouseover），JavaScript进阶篇教程-慕课网

鼠标经过事件（onmouseover）

鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。

现实鼠标经过"确定"按钮时，触发onmouseover事件，调用函数info()，弹出消息框，代码如下:

运行结果:

任务

补充右边编辑器第13行，当鼠标经过"确定"按钮后，调用message()函数，弹出消息对话框。

?不会了怎么办: 使用onmouseover事件,为input标签添加属性 onmouseover="message()"

问答
评论
笔记
资料下载
代码

全部精华我要发布

想问一下var pwd放在外面不是全局变量吗？为什么要放在函数里面才行

最赞回答 / 樱雪_sakura

按照加载当顺序，当你加载 js 的时候，DOM 都还没有构建完成呢，你拿到的 document.getElementById("password") 是个 null，null 怎么会有 value 呢？所以一定会报错。放在函数里面是因为当你点击的时候 DOM 已经构建完成了，所以 pwd 是一定存在的，所以不会报错。另外放在函数外面的确是全局变量，但是在网页加载顺序上不对，js 是个脚本语言，不能没有 DOM 的时候你去操作了 DOM，那浏览器渲染这个 DOM 的时候是听谁的。

2 回答 760 浏览

2022-04-28

为什么我写的代码当鼠标划过时没有出现确定框？

最新回答 / 幕布斯_word

你这是对的，再确认几次就好了，这题任务给的是在13行输入有问题，是在下面输入就对了

2 回答 2331 浏览

2020-04-23

文字后面怎么样添加圆点啊

最赞回答 / skjaao

你指的是密码输入框吗？type=password

4 回答 1949 浏览

2020-08-27

请问鼠标经过变颜色的代码怎么写啊

最赞回答 / 慕侠5530338

之前教程不就是有吗，先获取对应id，然后通过 style修改样式，最后在要经过的地方 onmouseover 事件

5 回答 1964 浏览

2019-11-11

为什么做不到那种要确认文本框不为空才能运行的效果

已采纳回答 / 月夜的恨

message()最后少了一个}

3 回答 1389 浏览

2022-09-06

大神大神，呼叫大神！

最赞回答 / 发质惊人

class="password"var cl=document.getElementsByClassName("password")

3 回答 1015 浏览

2019-08-17

输入密码后怎么实现不再弹出对话框这个功能，求教各位大佬

最赞回答 / weixin_慕斯7536593

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> 鼠标经过事件 </title><script type="text/javascript"> function message(){ var result=confirm("请输入密码后，再单击确定!"...

2 回答 1314 浏览

2019-12-07

如何判断密码框是否为空？

最赞回答 / 宝慕林6291606

4 回答 2761 浏览

2022-03-30

null 和undefined和非的区别

已采纳回答 / 我是一片水中的沸腾鱼

/*1:数据类型层面 undefined是一个undefined数据类型 null:它是object数据类型2:内存分配层面 undefined:如果是一个变量没有赋值操作就是undefined; null:代表的是对象默认值3:运算中*/ var n1 = 1 + undefined; alert(n1);//NaN var n2 = 1 + null; alert(n2);//1 var n3; alert(n3)//undefined if(n3 == null){ alert(33)//执行 }

2 回答 2375 浏览

2019-01-07

判断输入是否为空，但运行不管输入是否为空，都会执行？

最新回答 / 慕移动9181930

养成转义好习惯，或者加r#39;xxx#39;tmyxicxzmbbdgkvzfukdbaogllobiftyfdexofxsahfmmqlnzbszlragczwhoqzojrlwdajhafrpzloiuxwvsxyyonlncdtwkuyodbmzyzvpdttiasoexkmhemlafhowpyocmdpbowjudooqa

3 回答 1247 浏览

2022-03-29

实在搞不懂哪里我的代码哪里出问题了

已采纳回答 / 慕粉4019690

psw变量应该放在函数体

2 回答 1108 浏览

2019-01-17

判断文本框是否输入文本，如果输入了点确定就提交，否则提示请输入

最赞回答 / 夙和

<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>判断输入框是否为空</title> <script>function inputText(){ var x=document.getElementById("text").value;if(x=="...

2 回答 1761 浏览

2018-09-29

如何获取元素里面的value值，我这样无法运行的原因是什么？

最新回答 / 夙和

赋予变量的格式应该是变量 = 值，指的是将右边的值赋予左边的变量，位置不可调换；且在body中应给容器定义id，否则将无法找到该id。如想判定输入框内容为空，正确表达式为if(zhi=="")或if(!zhi)，if(zhi==0)表示的是判定zhi的值是否等于零。<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />&...

2 回答 956 浏览

2018-09-29

document.getElementById("ss").value中.value代表什么，求大佬解答

最赞回答 / XAGT

如果是文本，获得文本中的内容

3 回答 1872 浏览

2018-09-29

怎么样能让文本框为空是才跳出confirm，我哪里写错了吗

最新回答 / Lu__ffy

if（！passw.value）

1 回答 762 浏览

2018-08-03

全部我要发布

最热最新

只看我的

第六章编程练习(参考代码) 立即下载

6-3 鼠标经过事件（onmouseover）