paip.JS的调试--DOM元素的属性与事件绑定

一段JQUERY1.7.2 的代码不能运行。。MS没起作用。

$('.frame120_240_select ul a').click(function(){
    //  alert();
     $('#selectType').val($(this).html());
    // setLinkid($(this).html());
  });
  $('.frame120_240 .frame120_240_select').hover(function(){
   alert();
     $(this).addClass('frame120_240_select_hover');
  },function(){
     $(this).removeClass('frame120_240_select_hover');
  });

放在IE9下,打开JS调试。报告找不到CLICK属性。
或者用F12工具 ,启动JS调试,不用设断点。运行页面。精确停止定位到错误点。。

确实是引用的JQEURY的。只能是JQUERY的$冲突定义了一定是。。因为页面引用了好多JS,一定是覆盖了$方法,不好排查,没办法,只好用原生JS进行事件设置了。

先查找标签的事件属性。。百度DHTML,得到结果。。http://www.hbcms.com/main/dhtml/objects/a.html。。上面定义了A标签的属性。
我需要的是a.innerText..

然后要给DIV的MOUSEOVER和MOUSEOUT设置属性。可查找其DIV的属性。。最后结果是这样。

var div=document.getElementById("frame120_240_selectDiv");
 div.οnmοuseοver=function(){
   
       this.className="frame120_240_select frame120_240_select_hover";
 };

div.οnmοuseοut=function(){
       this.className="frame120_240_select";
};

然后IE9  F12,打上断点。运行在DIV这里,查看其onmouseover属性。可看到加载的事件,未加载的时候为NULL

paip.JS的调试--DOM元素的属性与事件绑定相关推荐

  1. html动态资源加载进度,JavaScript_快速解决js动态改变dom元素属性后页面及时渲染的问题,今天实现一个进度条加载过程 - phpStudy...

    快速解决js动态改变dom元素属性后页面及时渲染的问题 今天实现一个进度条加载过程,dom结构其实就是两个div 控制里层div的宽width属性,就能实现进度条往前走的效果. 我的进度条是显示下载文 ...

  2. 解决js动态改变dom元素属性后页面及时渲染问题

    解决js动态改变dom元素属性后页面及时渲染问题 参考文章: (1)解决js动态改变dom元素属性后页面及时渲染问题 (2)https://www.cnblogs.com/fangsmile/p/49 ...

  3. vue 获取id元素,vue.js怎么获取dom元素?

    vue.js怎么获取dom元素?下面本篇文章给大家介绍一下vue.js获取dom元素的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 使用Vue.js获取dom元素 标签中添加 ...

  4. js:如何删除dom元素

    这几天,在做移动端的一个项目,然后遇到遇到一个问题,就是动态添加的dom元素,如何删除,平时的遇到的都是删除dom元素的属性,这个还真是第一次遇到,百度了网上的资源,也搜到了,代码如下 var par ...

  5. [react] 组件卸载前,加在DOM元素的监听事件和定时器要不要手动清除?为什么?

    [react] 组件卸载前,加在DOM元素的监听事件和定时器要不要手动清除?为什么? 定时器要在 componentWillUnmount 手动清除,直接绑定在JSX里的事件监听器不用,使用ref绑定 ...

  6. Vue获取DOM元素的属性值

    项目中需要做一个小弹层,如下图: 我需要知道点击元素距离顶部的值,再计算弹层的top值,如下图: 在vue中如何获取到DOM元素距离窗口顶部的值呢? 1.通过$event获取 html: <di ...

  7. html检查元素是否溢出方法,JS判断指定dom元素是否在屏幕内的方法实例

    前言 刷网页的时候,有时会遇到这样一个情景,当某个dom元素滚到可见区域时,它就会展现显示动画,十分有趣.那么这是如何实现的呢? 实现原理 想要实现这个功能,就要知道具体的实现原理.下面直入主题. 我 ...

  8. js中获取dom元素高度

    目录 1.dom元素的宽高 2.鼠标事件中的常用高度宽度: 3. 总结: 4.参考博客: 1.dom元素的宽高 javascript中获取dom元素高度和宽度的方法如下: 网页可视区域宽: docum ...

  9. dom元素滚动条高度 js_DOM 事件与事件委托

    点击事件 <div class = 爷爷><div class = 爸爸><div class = 儿子>文字</div></div> &l ...

  10. 对话屏幕Dynpro(SE51) 屏幕元素 屏幕属性 PAI事件的触发、屏幕元素Function Code设置 屏幕流逻辑Screen Flow Logic 对话屏幕中的字段命名大小写问题

    对话屏幕Dynpro(SE51) 屏幕元素 屏幕属性 l  屏幕序号(Screen number).四个数字组成的序列号,用于在程序中确定屏幕,该序号在同一个ABAP程序内部是唯一的. l  屏幕类型 ...

最新文章

  1. 样条+样条函数+样条分析+spline+样条插值+样条回归
  2. golang中的panic和recover
  3. 关于初学Go的一些总结
  4. oenwrt 进不了bios_win7进不了bios原因及解决办法
  5. Weex学习资料整合
  6. aodv协议C语言代码,AODV协议的运行方式
  7. HandlerThread用法
  8. python 定义数组
  9. 比postman好用10倍的接口调试工具ApiPost
  10. 什么是智能决策支持系统?
  11. api-ms-win-crt-runtimel1-1-0.dll缺失的终极解决方案
  12. Adobe Photoshop 2021哪会出,PS2021功能界面抢先看
  13. linux mint借用deepin-wine安装QQ/微信
  14. 东南大学计算机程光,东南大学计算机科学与工程学院硕导介绍:程光
  15. 使用CSS3设置条纹背景
  16. hx711c语言程序,51单片机HX711传感器电子秤设计(原理图、程序源码、BOM等)
  17. 大学创业是一种什么样的体验(一)
  18. c语言大作业俄罗斯方块,C语言自己写俄罗斯方块(完整版)
  19. JS模块化说明视频-张晓飞-专题视频课程
  20. Web数据挖掘技术综述

热门文章

  1. JAVA学习day10
  2. 关于文件服务器共享文件的备份与恢复
  3. 交换机的VLAN技术
  4. AJAX from S3 CORS fails on preflight OPTIONS with 403
  5. Cisco Firewall ASA conn code
  6. win7和xp,哪个才是你的选择?
  7. WPF MVVM 架构 Step By Step(4)(添加bindings - 完全去掉后台代码)
  8. html中meta的设置
  9. 合并基因表达水平(merge gene expression levels, FPKM)
  10. 《JavaScript设计模式》读书笔记模板方法模式