社区
JavaScript
帖子详情
Firefox下超链接中事件无法触发?
mengguangjie
2008-09-01 05:09:36
<a id="a1" name="a1" onclick="GetChange(this)"><img src="/image/aa.gif" /></a>
为什么在Firefox没法实触发事件呀?IE下主正常。
...全文
257
11
打赏
收藏
Firefox下超链接中事件无法触发?
为什么在Firefox没法实触发事件呀?IE下主正常。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
11 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
mengguangjie
2008-09-01
打赏
举报
回复
为什么会报undefined错误呀?
mengguangjie
2008-09-01
打赏
举报
回复
好的,我试一下吧.
mengguangjie
2008-09-01
打赏
举报
回复
我传的是id,可是好像他根本就没触发onclick事件
OwenLiu
2008-09-01
打赏
举报
回复
<html>
<body>
<input id="inputInfo" name="inputInfo" value="" class="inp" type="text" onkeydown="" />
<div>
<table>
<tr>
<td>
<a id="SearchImg" name="SearchImg" onclick="GetChange(inputInfo)" >
<img class="m_r_2" border="0" src="http://www.baidu.com/img/logo.gif" />
</a>
</td>
</tr> </table>
</div>
<script>
function GetChange(ii){
alert(ii);
}
</script>
</body>
</html>
我的测试代码如上,在FF和IE上都可以看到alert。
你可以试试。应该可以弹出。
我估计你的错误在 onclick="GetChange(inputInfo)" >
这个地方的书写。如果FF处于标准模式时,不能直接使用element的id引用元素dom对象
可以写成 onclick="GetChange('inputInfo')" >
然后在GetChange方法中:
function GetChange(id){
var ele = document.getElementById("id");
if(!ele)return;
...// your codes
}
绿绦
2008-09-01
打赏
举报
回复
传ID 不要传THIS
<a id="a1" name="a1" onclick="GetChange('a1')"> <img src="/image/aa.gif" /> </a>
在 方法里面使用document.getElementById(参数名称)来获取或设置
mengguangjie
2008-09-01
打赏
举报
回复
这是用C#输出的HTML代码,晕了,死活不触发,在IE完全正常。
mengguangjie
2008-09-01
打赏
举报
回复
<input id="inputInfo" name="inputInfo" value="" class="inp" type="text" onkeydown="" />
<div>
<table>
<tr>
<td>
<a id="SearchImg" name="SearchImg" onclick="GetChange(inputInfo)" >
<img class="m_r_2" border="0" src="../Images/sswoov2img/sosuo_1.gif" />
</a>
</td>
</tr></table>
</div>
OwenLiu
2008-09-01
打赏
举报
回复
帖render之后的HTML代码
mengguangjie
2008-09-01
打赏
举报
回复
我是动态添加到页面中的。不会触发。头大。
bhtfg538
2008-09-01
打赏
举报
回复
function GetChange(obj){
alert(obj.id)
}
mengguangjie
2008-09-01
打赏
举报
回复
谁来帮我解决解决呀?
事件
高级用法及兼容写法
一、
事件
基础 1.
事件
函数 obj.on-
事件
名=fn 定义
事件
的时候,
事件
函数不会自动执行,当
事件
触发
的时候,会执行 2.
事件
对象 1)
事件
对象:当浏览器执行
事件
的时候,会将所有与
事件
相关的内容(鼠标位置,
触发
的目标等)封装为一个对象,并且在
触发
事件
的函数,在
事件
函数
中
进行传递 Event 常见属性: clientX clinetY 鼠标相对客户端的位置 pageX pageY 鼠标相对于页面的位置 type
事件
类型 target
事件
作用的节点对象 2)
事件
的兼容性: 在低版本的IE和火狐上,
事件
传递机制不一样,需要通过window.event来获取
事件
window.event||e 二、
事件
绑定和取消 1.
事件
绑定 添加
事件
的做法,若出现为同一个节点绑定了同名的
事件
,会出现覆盖效果。 addEventListener(
事件
名,
事件
函数,isBubble) isBubble :默认为false
事件
是冒泡机制 true
事件
为捕获机制 注意:
事件
名没有on前缀 removeEventListener(
事件
名,
事件
函数,isBubble) 注意:一定要保证移除
事件
时和添加
事件
时是同一个
事件
函数
事件
绑定兼容性问题:在低版本IE
中
(IE 6/7/8)不支持addEventListener和removeEventListener, 在低版本IE
中
可以使用: attachEvent(
事件
名,
事件
函数) 绑定
事件
detachEvent 取消
事件
注意:
事件
名 包含on前缀 两种
事件
绑定的区别: 1.addEventListener:
事件
名没有on前缀 可以选择冒泡或者捕获机制 this 指
事件
调用者 同名
事件
的执行顺序:先添加先执行 2.attachEvent
事件
名需要添加on前缀 不能选择冒泡或捕获的机制 this 指window对象 同名
事件
的执行顺序:后添加先执行 三、
事件
流
事件
流:
事件
被
触发
之后会在DOM树的节点之间传递 冒泡:
事件
由最具体的元素(
事件
的
触发
者),层层向外传递(传递给父节点),直到window 对象停止 捕获:
事件
由最外层元素(window),层层向内传递,直到最具体的元素
事件
流机制有时候会对页面效果造成一些影响,所以需要拦截
事件
的冒泡: 兼容性写法: window.event?window.cancelBubble=true:e.stopPropagation() 四、拦截浏览器的默认行为 拦截浏览器自带的一些
事件
行为,例如:a
超链接
的跳转等.... 对象.
事件
名 return false 对象.addEventListener() e.preventDefault() 对象.attachEvent() e.returnValue=false; retrun false; 五、常见
事件
右键
事件
:oncontextmenu 键盘
事件
:onkeydown onkeyup onkeypress 键盘
事件
的属性: key 在IE
中
不支持 键名称 keyCode 键码 滚轮
事件
: Onwheel 标准浏览器和IE 对象.addEventListener(“DOMMouseScroll”,
事件
函数,false) 火狐 滚轮
事件
对: wheelDelta 标准浏览器和IE 120 -120 下 120 上 detail 获取 3 六、
事件
的委托
事件
委托:
事件
添加元素父节点(原理:
事件
的冒泡机制) 将
事件
添加到父元素上,当
事件
发生时,父元素会找到对应
触发
事件
的子元素去处理,后期添加的子元素,依然有这个
事件
JavaScript 模拟用户单击
事件
一开始,我想到了用jQuery的click()
事件
来
触发
超链接
的单击
事件
(与trigger(“click”)一样的效果)。结果发现不如人意。 实例如下: 效果图 IE:
FireFox
: 代码如下:
请单击”Click Me”。测试提交按钮与
超链接
是否也被单击了。
<button id=”btn”>Click Me</button> <form action=”#”> <input type=”text” name=”userName” value=”徐新华-polaris” readonly/> <input id=”s
xheditor v1.0.0 rc2 build 100401
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0+,
Firefox
3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 xhEditor is a simple,small,fast WYSWYG(What You See What You Get) XHTML editor based by jQuery. that is webbased and compatible with Internet Explorer 6.0+,
Firefox
3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+ . xhEditor编辑器官方网站:http://xheditor.com/ Features(特点): Small:初始加载4个文件,包括:1个js(50k)+2个css(10k)+1个图片(5k),总共65k。若js和css文件进行gzip压缩传输,可以进一步缩减为24k左右。即使加上jQuery的24K,总共仅加载48K。 Fast:基于jQuery引擎开发,提供高效的代码执行效率 Simple:简单的调用方式,加一个class属性就能将您的textarea立马变成一个功能丰富的可视化编辑器。 Word:实现Word代码自动检测并清理,提供高效完美的Word代码过滤方案,生成代码最优化精简,但是却不丢失任何细节效果。 UBB:提供完美的UBB可视化编辑解决方案,在您获得安全高效代码存储的同时,又能享受可视化编辑的便捷 Demo(演示): 默认模式:http://xheditor.com/demos/demo01.html 自定义按钮:http://xheditor.com/demos/demo02.html 皮肤选择:http://xheditor.com/demos/demo03.html 其它选项:http://xheditor.com/demos/demo04.html Javascript交互:http://xheditor.com/demos/demo05.html 非utf-8编码网页调用:http://xheditor.com/demos/demo06.html UBB可视化编辑:http://xheditor.com/demos/demo07.html Ajax文件上传:http://xheditor.com/demos/demo08.html 插件扩展:http://xheditor.com/demos/demo09.html iframe调用文件上传:http://xheditor.com/demos/demo10.html 异步加载:http://xheditor.com/demos/demo11.html Interactive(交流) QQ交流群:54432536(验证内容:xheditor) Email:yanis.wang#gmail.com(# = @) ver 1.0.0 rc2 Change(2010-4-1) 添加:添加鼠标悬停延迟自动面板显示功能,提高用户操作效率,延迟时间在初始化时用hoverExecDelay参数设置,单位为毫秒,设置为-1表示关闭此功能 添加:按钮对象添加h参数,h设置为1时代表当前按钮支持鼠标悬停自动显示,此参数同样适用于插件开发 添加:在demo07 UBB演示
中
添加Flv视频演示 添加:集成MSN表情,可在demo07 UBB演示
中
查看显示效果 添加:自带Ajax文件上传添加按Esc取消上传功能 添加:pasteHTML和pasteText函数添加第2个参数:bStart,可以是以下值:留空(覆盖粘贴)、true(粘贴在光标选择区域之前)、false(粘贴在光标选择区域之后) 添加:切换到源代码,可视化编辑页面的光标对应源代码相应位置的定位功能 添加:扩展jQuery的标准val函数,使之能够直接读取和设置编辑器的最新值 添加:为方便外部应用的扩展,特将编辑器内部的window和document开放外部调用,变量名:win,doc 添加:扩展textarea的change
事件
,使之可以
触发
编辑器的change 添加:UBB演示demo07添加字节数统计演示 添加:内置Ajax上传和showIframeModal接口参数
中
的url地址可以使用“{editorRoot}”内置变量,用来定位编辑器文件夹
中
的页面,例如:{editorRoot}xheditor_plugins/test.html 修正:
已编排格式
中
的换行符和制表符丢失问题的修正 修正:最终代码提交时没有进行压缩问题的修正 修正:表情没有插入alt信息问题的修正 修正:表情分组切换时产生右移1像素位移问题的修正 修正:当按钮的鼠标悬停样式偶尔失效时,按钮面板会产生右移1像素问题的修正 修正:带面板的按钮包括插件,快捷键
触发
或者直接外部调用会产生错误问题的修正 修正:IE浏览器预览时,会跑至页面尾部问题的修正 修正:
Firefox
3.6从源代码切换回来光标丢失问题的修正 修正:p和div标签内部的 占位符被清除,造成块标签零高度问题的修正 修正:IE拖动img大小不更新width和height属性值问题的修正 修正:IE浏览器下在表格
中
粘贴会位置错乱问题的修正 修正:IE浏览器下
超链接
的链接文字,在
超链接
是“http://”开头的情况下,输入“http://”开头文字无效的修正 修正:UBB模块
中
style="text-align:*"没转换成[align=*]问题的修正 修正:IE6下打开面板某些情况下会出现方形白色区域问题的修正 修正:加载多个编辑器时,用于IE粘贴处理的临时隐藏iframe被重复加载问题的修正 修正:IE6下某些情况下全屏后再取消全屏导致浏览器崩溃问题的修正 调整:所有img图片强制添加alt标签,以使代码符合XHTML标准 调整:对ubb插件进行了适当的调整,以兼容以下不标准情况:无[list]和[/list]结尾的[*]标识 调整:优化formatXHTML函数,提高解析器工作效率 调整:API函数setSource由原先的延迟写入,修改为立即写入 调整:更换为更完善的IE光标丢失问题解决方案 调整:为兼容w3c标准,原xheditor专有属性初始化模式,变更为直接在class
中
写参数,例:class="xheditor {skin:'o2007blue'}" 调整:为兼容电驴、快播等特殊URL,
超链接
、图片、FLASH和多媒体4个按钮的批量插入分隔符,由原先的“|”变更为制表符(\t) 调整:编辑器初始化代码由原先的xheditor(true,参数)精简为xheditor(参数)
Javascript和jquery
事件
--点击
事件
和
触发
超链接
前面的不过是一些基础的知识,真正的一些
事件
还是有点不同。还有一些命名空间的问题。不过现在ie也开始接受W3C标准,而且平时开发也很少考虑ie了,一些
事件
就不考虑ie了。 点击
事件
--click 大部分问题出现在js、jq
触发
超链接
上面。我之前看到的解释是谷歌新版本阻止了
触发
浏览器默认的操作(
超链接
、右键等等),但是在下面参考的一篇文章又提出是因为要
触发
超链接
点击的不是<a>元素...
火狐
中
往返缓存不刷新的问题
下面三种情况都会刷新页面都会
触发
load
事件
。 1.a标签的
超链接
2.F5或者刷新按钮(强制刷新) 3.前进后退按钮 火狐
中
,有个特点,有个“往返缓存”,这个缓存
中
不仅保存着页面数据,还保存了DOM和JavaScript的状态;实际上是将整个页面都保存在了内存里。 所以此时后退按钮不能刷新页面。 此时可以使用 pageshow
事件
来
触发
。,这个
事件
在页面显示时
触发
,无论页面是否来自缓存。在重新加载页面
中
,pageshow会在load
事件
触发
后
触发
;根据
事件
对象
中
的 persiste window.ad
JavaScript
87,904
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章