`
esteem
  • 浏览: 154186 次
  • 性别: 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
评论
发表评论

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

相关推荐

    OnEventMixin:自定义元素的老式内联事件处理程序属性和属性

    只需一个简单的mixin，即可将老式的内联事件处理程序属性和属性添加到自定义元素中！ 默认情况下，内联事件处理程序属性仅适用于（例如onclick用于click事件， onchange用于change事件），但是使用OnEventMixin可以...

    javascript观察者模式Watch.JS.zip

    一个比较有意思的js库可以为javascript的对象实现观察者模式，以往我们使用javascript实现的观察者模式都是通过使用回调函数配合dom上的event事件来操作的，而“Watch.js”可以为javascript的对象实现观察者模式，...

    PDF 文本域自定义按键脚本 willCommit 事件示例

    在 acrobat DC 中使用 PDF js 脚本仅处理由用户按键时的事件。willCommit 属性保存按键或剪贴板粘贴的值。需要检查此属性以获取可接受的输入数据。由于 event.change 的值的长度可以超过一个字符，因此编写代码来...

    javascript完全学习手册1 源码

    1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入JavaScript 7 1.3.3 链接JavaScript文件 9 1.4 编写JavaScript的工具 11 1.4.1 使用纯文本编辑器 11 1.4.2 使用专业化脚本编辑工具 13 ...

    源文件程序天下JAVASCRIPT实例自学手册

    4.5 创建和使用自定义对象 4.5.1 通过定义对象的构造函数的方法 4.5.2 通过对象直接初始化的方法 4.5.3 修改、删除对象实例的属性 4.5.4 通过原型为对象添加新属性和新方法 4.5.5 自定义对象的嵌套 4.5.6 内存的分配...

    javascript完全学习手册2 源码

    1．3 在web页面中使用JavaScript 1．3．1 HTML的基本结构 1．3．2 在HTML中嵌入JavaScript 1．3．3 链接JavaScript文件 1．4 编写JavaScript的工具 1．4．1 使用纯文本编辑器 1．4．2 使用专业化脚本编辑工具 ...

    JavaScript基础和实例代码

    JavaScript电子书，包括了JavaScript的大部分知识，可以帮助读者快速入门。内容如下： 第1章 JavaScript语言概述 1.1 JavaScript是什么 1.1.1 JavaScript简史 1.1.2 JavaScript有何特点 1.2 JavaScript能做什么 ...

    JavaScript详解(第2版)

    　8.5.1　使用prototype属性为对象添加属性　 　8.5.2　原型查找链　 　8.5.3　使用原型为对象添加方法　 　8.5.4　所有对象都有的属性和方法　 　8.5.5　创建子类及继承　 　8.6　应知应会　 　练习　 　第9章　...

    jquery-analytics:使用自定义 HTML 属性轻松跟踪 Google Analytics 事件

    该插件允许使用 HTML 标签属性定义 Google Analitics 事件数据。可能的 HTML 元素属性名称解释例子data-ga-click-event-category 必需的视频数据-ga-点击-事件-动作可选的玩数据点击事件标签可选的Rick astley - ...

    data-module-pattern-prototype:一个尝试使用data- *属性将原始HTML与Javascript绑定以创建动态行为的小项目

    任何元素都可以具有“数据模块”属性，该属性告知该元素将使用哪个模块，这是一个简单JavaScript函数，可以接受该元素并使用JavaScript添加自定义行为。 模块不过是遵循此描述的功能： export default function ...

    event_calendar:活动日历

    自定义表单为 icalendar 属性提供了更广泛的支持。 后端是一个Node JS模块，将数据保存到couchdb。 我计划在未来支持其他数据库，例如 postgresql。 这个项目还处于起步阶段，所以我不建议将它用于任何事情。

    jquery.ga.plugin.js:围绕Google Analytics（分析）ga对象的jQuery插件包装

    如果您想花哨的话，可以传递自定义属性并在元素上设置自定义属性。 这仅适用于“ Universal Analytics”。 注意：如果未找到window.ga对象，则插件将自动切换到开发模式。用法基本的设置 &lt; button type =" ...

    客户端统一验证JavaScript函数库及示例源码

    ChkInputs.js的使用极为方便，你可以直接将自定义属性像这样添加在Web页面， 测试输入框" maxsize="6" nullable="no" datatype="number" /&gt; 也可以在后台代码里这样添加，如在.net下.aspx.cs代码里这样写： this....

    大名鼎鼎SWFUpload- Flash+JS 上传

    然后使用它提供的一组简单的JS事件来更新上传状态，开发人员能够利用这些事件来及时更新页面中的上传进度UI。 SWFUpload v2 SWFUpload v2包含了新的高级功能，改善了稳定性，解决了FlashPlayer中的一些bug，并且...

    JavaScript笔记.doc

    1、window.event的属性(比如window.event.x)： 10 2、鼠标按下与鼠标释放事件(onMouseDown、onMouseUp) 10 3、预览页面(onMouseOver)： 11 4、图像切换(onMouseOver、onMouseOut) 11 5、接收键盘输入(keyPress事件)...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    JavaScript 对任意元素,自定义右键菜单的实现方法

    一、一些概念： 　1、鼠标事件有一个botton属性：返回一个整数，用于表示点击的是哪个鼠标按键。　BUG：在IE和标准DOM的鼠标事件中...　4、事件对象：①在IE中，事件对象是window对象的一个event属性。 　声明：   　

    JavaScript王者归来part.1 总数2

    　1.7 学习和使用JavaScript的几点建议　 　1.8 关于本书的其余部分　 　第2章 浏览器中的JavaScript 　2.1 嵌入网页的可执行内容　 　2.2 赏心悦目的特效　 　2.3 使用JavaScript来与用户交互 　2.4 绕开脚本陷阱　...

    精通JS脚本之ExtJS框架.part1.rar

    15.5.2 IE下的优秀JavaScript调试工具Companion.JS 15.5.3 DebugBar和Companion.JS的基本操作 15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例...

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