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

javascript防止发生默认浏览器行为通用函数

浏览器JavaScriptHTML 
阅读更多

防止发生默认浏览器行为通用函数:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
<div id="body">
 <ul class="links">
  <li><a href="http://www.sina.com">sina</a></li>
  <li><a href="http://www.sohu.com">sohu</a></li>
 </ul>
</div>
<iframe id="iframe"></iframe>
<script>
//防止发生默认浏览器行为通用函数
function stopDefault(e){
 if(e&&e.preventDefault){
  e.preventDefault();
 }else{
  window.event.returnValue=false;
 }
 return false;
}

var iframe=document.getElementById("iframe");
var a=document.getElementsByTagName("a");
for(var i=0;i<a.length;i++){
 a[i].onclick=function(e){
  iframe.src=this.href;
  return stopDefault(e);
 };
}
</script>
</body>
</html>

分享到：
| javascrip阻止事件冒泡的通用函数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js阻止浏览器默认行为触发的通用方法(推荐)

    在JavaScript中，阻止浏览器默认行为可以通过几种不同的方法实现，下面将详细介绍其中的通用方法，包括对W3C标准事件模型以及IE浏览器的兼容性处理。 首先，现代浏览器遵循W3C标准的事件处理模型，对于阻止默认行为...

    在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。如果既想取消默认的行为，又想阻止事件起泡，这个事件处理函数必须返回false。

    此外，它还提及了如何阻止浏览器的默认行为以及如何控制事件的冒泡。 1. **事件处理函数的执行限制**： 当一个事件处理函数被设计为只执行一次时，这意味着在同一个对象上触发多次该事件，事件处理函数只会被调用...

    详细解读JavaScript的跨浏览器事件处理

    不同浏览器对于阻止事件默认行为的支持也不同。标准的方式是使用event.preventDefault()，但不支持IE8及以下版本。IE8以下版本需要使用event.returnValue=false来阻止默认行为。示例代码如下： ```javascript event...

    基于JavaScript实现通用tab选项卡(通用性强)

    首先，定义了`EventUtil`事件处理通用函数，该函数提供跨浏览器的事件处理机制，包括获取事件对象、获取事件目标、添加事件监听器三个方法。`tabSwitch`函数作为选项卡通用函数，接受两个参数：绑定的选项卡类名和...

    js停止冒泡和阻止浏览器默认行为的简单方法

    在JavaScript编程中，经常会遇到需要对用户事件进行控制的场景，比如在页面上有一个点击事件，我们可能不希望它触发浏览器的默认行为，或者不希望这个事件继续向上冒泡，影响到其他元素的事件处理。为了达到这样的...

    Javascript 默认打开HTML最大化

    如果这是一个通用的需求，可以封装成一个函数，或者创建一个自定义的JavaScript库，方便在多个项目中复用。 总结来说，虽然JavaScript无法直接实现HTML页面的“最大化”功能，但可以通过调整窗口大小的方法来尽可能...

    前端不同浏览器兼容性解决办法

    可以封装一个通用的事件绑定函数，统一处理。 4. JSON支持：IE8及以上版本支持JSON，但早期版本需要通过JSON.parse和JSON.stringify的polyfill来实现。 三、HTML兼容性问题 1. HTML5新元素：IE9及以下不支持HTML5...

    javascript实现删除前弹出确认框

    上面的`onclick`事件处理器会在用户点击链接时调用`del()`函数，如果`del()`返回`true`，则链接的默认行为会被执行（即用户会被重定向到`***`），如果返回`false`，则不会执行默认行为。 需要注意的是，由于不同...

    javascript实现fetch请求返回的统一拦截

    然而，fetch默认并不提供请求和响应的拦截器，这对于需要进行全局处理，比如鉴权、错误处理等场景并不方便。本篇文章主要探讨如何使用JavaScript实现fetch请求返回的统一拦截。 首先，我们需要理解拦截器的目的。...

    详解javascript跨浏览器事件处理程序

    JavaScript跨浏览器事件处理程序是JavaScript开发中不可或缺的一部分，因为不同的浏览器对事件处理方式可能存在差异。在本文中，我们将深入探讨如何编写兼容不同浏览器的事件处理代码。 首先，我们需要理解两个主要...

    Javascript 普通函数和构造函数的区别

    JavaScript中的函数有两种主要类型：普通函数和构造函数。它们在用途、执行上下文以及返回值方面存在显著区别。 首先，从命名规范来看，构造函数通常遵循首字母大写的约定，如`MyClass`，而普通函数则采用小驼峰...

    编写javascript插件，来扩展已有的JavaScript功能.zip

    "layui.all.js"可能是一个通用的JavaScript库，它提供了一套完整的组件和工具，可以用于监测和优化程序性能，如"能够显示每个执行每个事件花了多长时间"。这涉及到JavaScript的性能分析和调试技巧，对于优化插件性能...

    javascript (3).docx

    JavaScript中的`void`关键字用于返回一个未定义的值，通常用于阻止函数的默认行为，例如`void 0`。 JavaScript函数可以有返回值，但不指定返回值类型。定义函数时可以不使用`var`关键字，因为函数声明本身就是全局...

    浏览器兼容

    浏览器兼容性是Web开发中不可避免的挑战，但通过深入了解不同浏览器的行为差异，并运用适当的CSS技巧和JavaScript函数，可以有效地克服这些挑战，实现高质量、高兼容性的Web应用。开发者应当持续关注最新的Web标准和...

    JavaScript概述[归纳].pdf

    随着时间的推移，JavaScript逐渐发展成为一种跨平台、跨浏览器的语言，特别是自Internet Explorer 4.0开始全面支持JavaScript后，它成为了两大主流浏览器（Netscape和IE）的通用脚本语言。 JavaScript的核心特性...

    javascript检测浏览器的缩放状态实现代码

    下面是JavaScript函数detectZoom的实现代码，它使用上述方法来检测浏览器的缩放状态： ```javascript function detectZoom() { var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase()...

    JavaScript学习手册

    typeof运算符用于返回变量的类型，void运算符用于返回undefined，常用于阻止脚本执行后的默认行为。 switch语句的参数可以是任何类型的值，但通常使用常量或变量。 for...in语句用于遍历对象的可枚举属性。 抛出...

    我的javascript收集

    // 防止默认行为（例如表单提交） document.getElementById('input2').focus(); // 跳转到下一个输入框 } }); ``` 以上介绍了页面跳转、设置主页、加入收藏以及自动跳转至下一个输入框的相关知识和技术实现...

    Javascript技术技巧大全

    了解函数声明与函数表达式、箭头函数、默认参数、rest参数和剩余参数对象等。 3. **作用域**：理解全局作用域、局部作用域以及闭包的概念，它们对变量的可见性和生命周期有重要影响。 4. **原型与原型链**：...

    JavaScript权威指南(原书第5版)源代码

    源代码中会有各种函数的示例，如普通函数、箭头函数、函数表达式、默认参数、rest参数、剩余参数等。 5. 对象和数组：JavaScript的对象是基于原型的，源代码会展示如何创建和操作对象，以及使用原型链进行继承。...

Magicbox
Global site tag (gtag.js) - Google Analytics