`
esteem
  • 浏览: 156627 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JS event 自定义属性的妙用

JavaScriptAjaxHTML 
阅读更多

最近接触JS比较多  mark个event的用法

阿里妈妈的有个页面 采用的ajax实现的 其中使用到event

我们可以通过自定义的属性 来达到一些功能 例如下面的a 标签中的 siteid 就是自定义的标签

<html>
<script type="text/javascript">
 function test(event){
   alert(event)
   var ev=!event?window.event:event;
   alert(ev);
   alert(ev.srcElement.sitename)
 
 }
</script>


<a href="javascript:void(0)" siteid="whut" id="baba" onclick="test()">aaaa</a>
</html>

 

我们还可以这样

<html>
<script type="text/javascript">
document.onclick=function(e){
 var ev=!e?window.event:e;
 var node=ev.srcElement;
 if(node.getAttribute("siteid")=="whut"){
  alert("do some ajax here");
 }
}

</script>


<a siteid="whut" id="baba" >aaaa</a>
</html>

分享到：
| JSON
评论
发表评论

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

相关推荐

    事件绑定和自定义属性

    通过JavaScript，我们可以轻松访问这些自定义属性，以便在脚本中使用。 在实际应用中，事件绑定和自定义属性经常结合使用。比如，一个按钮元素可能有`data-action="save"`的自定义属性，然后通过事件监听该按钮的...

    js 点击a标签 获取a的自定义属性方法

    本文将详细讲解如何在JavaScript中点击`&lt;a&gt;`标签并获取其自定义属性的方法，以及如何解决在jQuery环境下遇到的问题。 首先，我们来回顾一下问题的背景。在项目中，开发者试图通过点击`&lt;a&gt;`标签来显示完整的内容。...

    javascript之自定义事件

    在JavaScript中，自定义事件是一种强大的机制，它允许开发者创建自己的事件类型，以便在不同的对象之间传递信息或协调状态更新。这种技术对于大型应用程序或游戏的模块化和解耦至关重要。在JavaScript中实现自定义...

    js自定义右键菜单

    在JavaScript（JS）中，自定义右键菜单是一项常见的需求，尤其在开发Web应用程序时，为了提供更加个性化和功能丰富的用户体验。默认情况下，浏览器提供的右键菜单只包含基本的选项，如“复制”、“粘贴”等。通过...

    vue如何获取自定义元素属性参数值的方法

    在Vue框架中，获取自定义元素属性参数值是进行组件间数据传递和操作的常见需求。...在处理自定义属性时，应当更加注意数据的传递与处理，避免直接操作DOM，而是更多地利用Vue提供的响应式系统来实现数据与视图的同步。

    js自定义页面位置

    在JavaScript（JS）中，实现页面元素的拖拽功能是一项常见的需求，特别是在创建交互式的Web应用或自定义布局时。本篇文章将详细讲解如何利用JavaScript实现类似QQ空间自定义模板的拖拽功能。 首先，我们需要了解...

    Arcgis for javascript 加载天地图及自定义图

    本话题主要聚焦于如何利用ArcGIS for JavaScript加载天地图以及添加自定义图层。 首先，让我们深入了解ArcGIS for JavaScript的核心概念。它基于ESRI的地理信息系统技术，提供了丰富的API接口，可以实现地图的创建...

    js 自定义下拉框

    在JavaScript编程中，自定义下拉框是一种常见的需求，它能够提供更加灵活和个性化的用户体验。传统的HTML `&lt;select&gt;` 元素虽然简单易用，但其样式和交互方式往往受到浏览器默认样式的限制，不能满足复杂的UI设计要求...

    javascript十个最常用的自定义函数.pdf

    ### JavaScript 十个最常用的自定义函数详解 #### 一、引言 JavaScript 是一种广泛应用于网页开发中的脚本语言，它提供了强大的功能来增强网页的交互性和动态性。随着前端技术的发展，开发者们常常会遇到需要频繁...

    js表单验证（含自定义）

    本文将深入探讨JavaScript（简称js）在表单验证中的应用，包括基础验证方法以及如何实现自定义验证。 一、JavaScript表单验证基础 1. 验证事件：在JavaScript中，我们可以监听表单的`submit`事件，当用户尝试提交...

    js 自定义下拉选择框

    7. **无障碍访问（Accessibility）**：确保自定义组件符合无障碍标准非常重要，例如使用`aria-*`属性来指示组件的状态和功能。 8. **响应式设计**：为了让自定义下拉框在不同设备和屏幕尺寸上表现良好，需要考虑...

    Vue自定义属性实例分析

    Vue自定义属性是Vue.js框架中的一种特性，允许开发者扩展组件的功能，使其能够处理特定的业务逻辑和交互。在Vue中，自定义属性主要包括事件处理和模型绑定，它们是构建可复用、可组合的组件的关键部分。 1. 事件名...

    JS中自定义事件的使用与触发操作实例分析

    在JavaScript中，创建自定义事件可以使用内置的Event构造器，但如果需要传递自定义数据，就要使用CustomEvent构造器。CustomEvent构造器允许我们在事件对象中附加数据，这些数据随后可以通过事件监听器中的event....

    javascript局部自定义鼠标右键菜单.docx

    ### JavaScript 局部自定义鼠标右键菜单 #### 前言 在Web开发中，为了提供更加丰富和个性化的用户体验，开发者常常需要实现一些特殊的功能来满足特定场景的需求。其中一个例子就是在页面的某些区域自定义鼠标右键...

    javascript自定义事件功能与用法实例分析.docx

    ### JavaScript自定义事件功能与用法实例分析 #### 概述 在JavaScript中，自定义事件（也称为自定义事件）是一种强大的工具，允许开发者在不同的模块或组件之间建立通信渠道。这种通信机制基于观察者模式，即一个...

    改造之后的fullCalendar（改事件背景、标题自定义、无星期、左右按钮）

    prev: function(date, jsEvent, view) { $('#calendar').fullCalendar('gotoDate', date.clone().subtract(1, 'weeks')); }, next: function(date, jsEvent, view) { $('#calendar').fullCalendar('gotoDate', ...

    javascript表单正则验证自定义提示

    标签"javascript 表单 正则 验证 自定义提示"概括了这一话题的主要内容：使用JavaScript进行表单验证，利用正则表达式检查输入，以及通过自定义提示提供更好的用户反馈。在实践中，这些技术可以帮助开发者创建更加...

    百度地图自定义标注

    在IT行业中，地图应用是日常生活中不可或缺的一部分，而百度地图作为国内主流的地图服务提供商，提供了丰富的API和功能供开发者使用。本话题将深入探讨“百度地图自定义标注”这一技术，以及如何实现手动定位功能。 ...

    css自定义属性和聚光灯效果的实现

    使用JavaScript可以方便地获取和修改CSS自定义属性。通过`window.getComputedStyle()`方法可以获取变量值，如`getPropertyValue('--bg-color')`；使用`element.style.setProperty()`方法可以设置变量值，如`set...

    【JavaScript源代码】Vue 事件的$event参数=事件的值案例.docx

    无论是获取 DOM 元素、修改属性还是获取自定义属性值， `$event` 都为我们提供了强大的工具。在实际项目中合理运用 `$event`，可以帮助我们编写出更加健壮和高效的代码。 总之，`$event` 是 Vue 事件处理中的一个...

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