欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

通用JS事件写法实现代码

程序员文章站 2022-06-29 09:04:58
test</...</div> <div class="content"> <html xmlns="http://www.w3.org/1999/xhtml" > <br><head> <br><title>test</title> <br><script language="javascript" type="text/javascript"> <br>window.onload = function() <br>{ <br>var oimg = document.getelementbyid("myimg"); <br>oimg.onclick = handle; <br>oimg.onmouseover = handle; <br>} <br>function handle(oevent) <br>{ <br>var odiv = document.getelementbyid("display"); <br><br>//处理浏览器兼容性,获得事件对象 <br>if(window.event) //判断是否为ie浏览器 <br>{ <br>oevent = window.event; <br>} <br><br>if(oevent.type == "click") <br>{ <br>odiv.innerhtml += "点击<br>"; <br>} <br>if(oevent.type == "mouseover") <br>{ <br>odiv.innerhtml += "移动<br>"; <br>} <br>} <br></script> <br></head> <br><body> <br><img id="myimg" src="test.gif" /> <br><div id="display"></div> <br></body> <br></html> <br> </div> <div class="info-pre-next"> <p> 上一篇: <a href="/article/1570644.html"> 你知道怎么做炖鸡吗 </a> </p> <p> 下一篇: <a href="/article/1570646.html"> 孕妇喝红糖好吗,今天介绍给你 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2231673.html" target="_blank" title="js 金额文本框实现代码"> <h2> js 金额文本框实现代码 </h2> </a> </li> <li> <a href="/article/2231692.html" target="_blank" title="js模拟权限选择实现代码(select操作)"> <h2> js模拟权限选择实现代码(select操作) </h2> </a> </li> <li> <a href="/article/2230857.html" target="_blank" title="微信JS-SDK分享功能的.Net实现代码"> <h2> 微信JS-SDK分享功能的.Net实现代码 </h2> </a> </li> <li> <a href="/article/2230532.html" target="_blank" title="JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】"> <h2> JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】 </h2> </a> </li> <li> <a href="/article/2229399.html" target="_blank" title="vue.js高德地图实现热点图代码实例"> <h2> vue.js高德地图实现热点图代码实例 </h2> </a> </li> <li> <a href="/article/2229313.html" target="_blank" title="用js实现的一个Flash滚动轮换显示图片代码生成器"> <h2> 用js实现的一个Flash滚动轮换显示图片代码生成器 </h2> </a> </li> <li> <a href="/article/2224853.html" target="_blank" title="JS实现动态添加DOM节点和事件的方法示例"> <h2> JS实现动态添加DOM节点和事件的方法示例 </h2> </a> </li> <li> <a href="/article/2223138.html" target="_blank" title="js移动端滑动事件(js实现左右滑动页面效果)"> <h2> js移动端滑动事件(js实现左右滑动页面效果) </h2> </a> </li> <li> <a href="/article/2222562.html" target="_blank" title="html5+CSS3+JS实现七夕言情功能代码"> <h2> html5+CSS3+JS实现七夕言情功能代码 </h2> </a> </li> <li> <a href="/article/2222575.html" target="_blank" title="html5 touch事件实现页面上下滑动效果【附代码】"> <h2> html5 touch事件实现页面上下滑动效果【附代码】 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益,请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号:<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>