`
hqbuaa1013
  • 浏览: 18355 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

使用onclick小结

阅读更多
用以下语句
   
var newBtn = document.createElement("button");

创建了一个button,然后给newBtn添加一个onclick事件,首先想到的是
  
 newBtn.setAttribute('onclick', 'fun()');

结果在Firefox下一切正常,到了IE下就无法触发onclick事件,于是Google。。。

原来IE下无法通过setAttribute()添加事件,照着搜出来的结果,用以下方法,成功解决问题:
  
 newBtn.onclick = function(){dosomething};


在寻找解决方法的途中,走了些弯路,也顺带了解了一些其它东西,如:
    newBtn.onclick = fun(para);
fun会在页面加载过程中执行,而不会等到点击newBtn时触发;写成
     newBtn.onclick =function(){ fun(para);};
就可以了。

另外,还有一种解决办法是:在IE下用attachEvent(),在Firefox下用addEventListener(),ppk总结了一个综合解决办法:
function addEvent( obj, type, fn )
{
	if (obj.addEventListener)
		obj.addEventListener( type, fn, false );
	else if (obj.attachEvent)
	{
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
}

function removeEvent( obj, type, fn )
{
	if (obj.removeEventListener)
		obj.removeEventListener( type, fn, false );
	else if (obj.detachEvent)
	{
		obj.detachEvent( "on"+type, obj[type+fn] );
		obj[type+fn] = null;
		obj["e"+type+fn] = null;
	}
}


以上是我在做东西的过程中的一点小结,写得不妥之处,还望各位大侠指点。
分享到:
评论

相关推荐

    javascript中onclick(this)用法介绍

    总结来说,在javascript中,onclick(this)的用法主要是将当前被点击的元素作为上下文对象传递给事件处理函数。在事件处理函数内部,我们可以访问到这个对象的所有属性和方法,从而实现对事件的处理和响应。通过这种...

    Android 布局中的android:onClick的使用方法总结

    Android 布局中的android:onClick的使用方法总结 Android布局中的 android:onClick=“…”属性设置点击时从上下文中调用指定的方法。该属性值和要调用的方法名称完全一致。一般在Activity定义符合如下参数和返回值的...

    onclick锚点定位

    总结来说,"onclick锚点定位"技术结合了HTML锚点、JavaScript onclick事件处理和CSS样式,为用户提供了一种方便快捷的页面内导航方式。通过页面右侧浮动的锚点导航栏,用户可以轻松地访问页面上的不同部分,提升用户...

    jquery > 手机端 onClick 延迟解决

    总结来说,手机端的`onClick`延迟是由于浏览器机制导致的,而`FastClick`是一个强大的工具,可以帮助我们解决这个问题。结合`jQuery`,我们可以利用`FastClick`提升移动设备上的交互性能,提供更加迅速的点击响应,...

    Android响应事件onClick方法的五种实现方式小结

    Android 响应 onClick 事件的五种实现方式小结 Android 响应 onClick 事件是 Android 开发中非常重要的一个环节,对于按钮、文本框、列表项等控件的点击事件处理都是通过 onClick 事件来实现的。下面将为您介绍 ...

    a标签href属性与onclick事件使用实例

    总结起来,`<a>`标签的`href`属性和`onclick`事件都能实现页面跳转,但它们之间存在一些差异和兼容性问题。`href`属性更适用于简单的链接,而`onclick`则适合结合JavaScript进行复杂操作。在处理IE6等老版本浏览器时...

    javascript使用onclick事件改变选中行的颜色

    总结起来,这个示例展示了如何利用JavaScript的`onclick`事件和`onmouseover`事件来改变HTML表格中行的背景颜色,以实现交互式的选择效果。这种方法使得用户在网页上的操作更加直观和易于理解,提高了用户体验。在...

    Asp.Net 不同的OnClick事件区别小结(onserverclick,onclientclick)

    此处的onclick先于onserverclick执行。2.WEB控件,如<asp:button 按钮等 的 onclientclick( 客户端 ) 和 onclick ( 服务端 )事件。。。   此处的onclientclick先于onclick执行。onclientclick 事件来自2.0...

    a标签的href与onclick事件的区别详解

    总结来说,`<a>`标签的`href`属性主要用于页面导航,而`onclick`事件处理程序更适合执行JavaScript代码,如执行特定功能、验证表单或改变页面状态。理解它们的区别和交互方式是编写交互式Web页面的关键。在实际开发...

    unieap开发使用笔记三年工作记录总结.docx

    Unieap 开发使用笔记三年工作记录总结 Unieap 是一款基于 Java 的企业级应用开发平台,提供了完整的开发框架和工具集,帮助开发者快速构建企业级应用。以下是 Unieap 开发使用笔记三年工作记录总结的知识点总结: ...

    open 动态修改img的onclick事件示例代码

    总结来说,这个示例展示了如何使用JavaScript动态地为`<img>`元素添加`onclick`事件,以及如何使用`open`函数来打开新窗口。同时,它还体现了跨浏览器兼容性的处理策略,这对于编写健壮的前端代码至关重要。通过这样...

    js动态添加onclick事件可传参数与不传参数

    总结来说,在JavaScript中动态添加onclick事件并传递参数,可以通过匿名函数、闭包或者jQuery的`.click()`方法来实现。这些方法允许我们在不同的场景下灵活地处理参数传递的问题,从而更好地控制元素的行为。在实际...

    js动态添加的DIV中的onclick事件简单实例

    下面是使用原生JavaScript为动态添加的`input`元素绑定`onclick`事件的示例: ```javascript 我是button" id="bu"> var bObj = document.getElementById("bu"); bObj.onclick = function(obj) { alert(this....

    createElement和onclick

    总结起来,.createElement和onclick是实现Web页面动态交互的核心技术之一。它们不仅让网页内容的生成与展示变得更加灵活和即时,而且极大地增强了用户界面的响应性和用户体验。通过学习和应用这两个概念,你可以创建...

    JS中append字符串包含onclick无效传递参数失败的解决方案

    然而,当尝试将`onclick`事件与动态生成的参数一起使用时,可能会遇到一些问题。本文将深入探讨这种问题的原因,并提供有效的解决方案。 问题描述: 在给定的代码片段中,`onclick`事件被用于一个`<i>`标签,该标签...

    js给onclick赋值传参数的两种方法

    ### 小结 以上两种方法可以根据实际需要传入的参数情况,灵活地在JavaScript中给onclick事件赋值。虽然这里介绍的方法简单且易于理解,但在使用过程中可能会出现作用域和闭包相关的问题,建议深入学习JavaScript的...

    javascript 动态改变onclick事件触发函数代码

    关于动态改变JavaScript中onclick事件触发...总结来说,动态改变onclick事件触发的函数代码涉及到事件处理器的添加和移除,以及对事件监听的管理。熟悉这些方法和原理,对于编写可扩展、高效的JavaScript代码至关重要。

    jquery移除button的inline onclick事件(已测试及兼容浏览器)

    总结来说,处理button元素上的inline onclick事件时,推荐使用jQuery来动态绑定事件,以确保更好的兼容性和可维护性。如果在IE浏览器中遇到即时触发事件处理器的问题,应考虑使用setTimeout进行延迟绑定。这些技术的...

    A标签中通过href和onclick传递的this对象实现思路

    总结来说,当需要在`<a>`标签中同时使用`href`和`onclick`时,推荐使用`onclick`配合`return false`或`addEventListener`来传递`this`对象,以确保它指向正确的元素。这样,你就可以在处理函数中方便地访问和操作`...

Global site tag (gtag.js) - Google Analytics