如何通过JS 给一个ID添加触发事件？ - 世范水晶 - ITeye博客

`

jackroomage

浏览: 1196950 次
性别:
来自: 北京

最近访客更多访客>>

SzBenQ6917

sh1818

bruce_ma

sjhjane

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

hustkeai：第一个方法是不对的
求一个Map中最大的value值,同时列出键,值
qq591920734：
java List 排序 Collections.sort() 对 List 排序(首先年龄排序，如果年龄相同，则按名字排序)
qq591920734： [color=orange][/color]包女包女不女
java List 排序 Collections.sort() 对 List 排序(首先年龄排序，如果年龄相同，则按名字排序)
timer_yin： seagrave 写道这个算法想法不错，但太耗时，我用1、2、 ...
用1、2、2、3、4、5这六个数字，数字排序经典算法
hellostory：日常生活中，我们都不按你上面的那个方法算的！！！
JAVA小函数-计算日期差

如何通过JS 给一个ID添加触发事件？

博客分类：

javaScript
jQuery

阅读更多

<!DOCTYPE html>
<html>
<head>

</head>
<script>
window.onload=fc;
   function fc(){
   var dss=document.getElementById("inputid2");
    dss.onblur=function(){
   alert(dss.id);
   }
   }
</script>
<body>
<input type="text" id="inputid2">
</body>
</html>

网上别人总结的。

下面是jQuery的写法

<!DOCTYPE html>
<html>
<head>
<style>p { color:red; }</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function () {
$("input").blur(function(){
alert(this.id);
});
});
</script>
</head>
<body>
<input type="text" id="inputid">
</body>
</html>

分享到：

jQuery.param(); 的用法 | jQuery 控制div隐藏,想隐藏那个div就隐 ...

2012-05-03 12:16
浏览 1868
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

jquery实现input输入框实时输入触发事件代码: input id=”productName” name=”productName” class=”wid10″ type=”text” value=”” /> 代码如下: //绑定商品名称联想 $(‘#productName’).bind(‘input propertychange’, function() {...

Jquery 动态添加元素并添加点击事件实现过程解析: 给动态添加的元素添加js事件，不能直接添加js事件，需要借助on( )方法，给选择器指定的子元素添加事件处理函数，并非选择器本身； 1. 语法 $(selector).on(event,childSelector,data,function) // event _ 需要...

使用JS或jQuery模拟鼠标点击a标签事件代码: //既触发了a标签的点击事件，又触发了页面跳转把 “下一步” 改为 “<span id=”spanId”>下一步” 即给A标签中的文字添加一个能被jQuery捕获的元素，然后$(“#spanId”).click()；，才可以触发页面跳转。

大名鼎鼎SWFUpload- Flash+JS 上传: 　SWFUpload是一个客户端文件上传工具，最初由Vinterwebb.se开发，它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点　* 可以...

extJs 文本框后面加上说明文字+下拉列表选中值后触发事件: showForm = new Ext.FormPanel({ renderTo:”showPanel”, region:’north’, border:false, bodyBorder:false, frame:true, waitMsgTarget: true, labelAlign:’right’, id:”showForm”, items:[{ layout:’...

cookie,dom,css,js实现页面换肤: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href。 <link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /> 2.皮肤选择按钮(后台为每个li添加onclick事件,触发换肤功能...

JavaScript基础教程第8版: 4.5　让多个链接触发一个翻转器　68 4.6　处理多个翻转器　71 4.7　创建循环的广告条　74 4.8　在循环广告条中添加链接　76 4.9　建立循环式幻灯片　78 4.10　显示随机图像　80 4.11　随机开始循环显示图像　81 第5...

derrick.js:derrick.js 是一个简单的 JavaScript 库，用于定义和检测自定义 [time framed] 事件链: 德里克.js derrick.js 是一个简单的 Javascript 库，用于定义和检测自定义 [时间框架] 事件链。 Derrick 使用简单的语法来定义事件模式并向其添加侦听器。触发的事件会自动处理。当 Derrick 检测到预定义的模式时...

outline.js - 自动生成文章导读（Table of Contents）导航的 JavaScript 工具: outline.js 会自动查找文章指定区域中的所有 h1~h6 的标签，并自动分析文章段落间的层次结构，...支持自定义图标的自定义按钮，并且支持配置自定义按钮的触发事件和事件处理器；自动为文章页面添加通用的打印样式；

javascript中传统事件与现代事件: 例如：内存泄漏，重复添加事件并触发的时候是倒叙执行等。下面是用传统事件的方法来处理封装事件的绑定： addEvent.ID = 1; // 事件计数器 function addEvent(obj, type, fn){ if(obj.addEventListener){ obj....

DhtmlxTree-dhtmlxmenu实现在节点上右键弹出菜单: 4、考虑到dhtmlxmenu实在指定的区域构建菜单，所以可以为dhtmlXTree树上的每一个节点添加右键事件，在这个右键事件里获得该节点对象所对应的区域，然后在这个区域内构建Menu菜单。难点和解决方案： 1、怎样获得...

jQuery实现点击除了特定div的页面其它地方，隐藏该div功能。: 在触发DOM上的某个事件的时候会产生一个事件对象event，这个对象包含着所有与事件有关的信息，包括产生事件的元素、事件类型等相关信息，思路一中div的click事件处理程序传入的参数就是这个event对象。访问IE中的...

源文件程序天下JAVASCRIPT实例自学手册: 源文件程序天下JAVASCRIPT实例自学手册第1章 JavaScript语言概述 1.1 JavaScript是什么 1.1.1 JavaScript简史 1.1.2 JavaScript有何特点 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 ...

多文件上传组件1.0.6 bate 版: challs_flash_onStart()和challs_flash_onComplete()事件，返回值添加了一个fileType属性，文件类型 1.0.2 bate 版添加了服务器反馈信息事件，可以接收每次上传文件后，服务器返回的文本信息，调用JAVASCRIPT函数...

hoverintent:用户有意时触发鼠标事件: 目的是通过在光标位置足够慢的情况下触发mouseover事件来确定用户将鼠标悬停在元素上时的意图。以了解其工作原理。浏览器支持全部 :check_mark: 全部 :check_mark: 9+ :check_mark: 7+ :check_mark: 全部 ...

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

jQuery详细教程: $("p#demo") 选取 id="demo" 的第一个 <p> 元素。 jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 ...

terminaljs:terminal.js是一个死掉的简单JavaScript库，用于模拟shell环境: 终端terminal.js是一个死掉的简单JavaScript库，用于模拟shell环境。初始化var myTerminal = new Terminal(id)属性和方法.html 这是终端实例的顶级DOM元素。如果要通过CSS修改样式，则所有实例都属于.Terminal类。 ...

javascript超强的时间控制: 比如用另一个框(id是test1)的值作为最小日期,则 MINDATE="#F{$('test1').value}" 4.当日期格式设置为 %h:%m:%s 只有时间选择了 5.增加年份月份导航,增加清空按钮 6.增加显示位置设置(上面下面自动(默认)) 7.增加...

客户端统一验证JavaScript函数库及示例源码: 参数myform指代验证的表单，可以比作验证树DOM的根，之后的JavaScript会遍历所有元素(elements)，逐个检验，若没有设置验证则直接跳过，若有一个验证不通过，都不会将表单提交，并将光标定位到该处(focus())，若有...

Global site tag (gtag.js) - Google Analytics