给别的DIV上面加事件

<div id="dd" style="width:200px; height:200px; background-color:#669">
这是一个层
</div>
<span onclick="add1()">点击挂上事件</span>
<span onclick="remove1()">点击移除事件</span>

</body>
<script type="text/javascript">
function showdd()
{
alert("被点中了");
}
function add1()
{
var d = document.getElementById("dd");
d.onclick = function (){showdd()}; //匿名函数
}
function remove1()
{
var d = document.getElementById("dd");
d.onclick = function (){}; //空匿名函数
}

时间: 2024-10-01 06:22:01

给别的DIV上面加事件的相关文章

11月8日上午Jquery的基础语法、选取元素、操作元素、加事件、挂事件及移除事件

jquery基础知识 1.jquery文件的引入,所有的js代码要写在下面那段代码下面. <script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的,也要在其它引入的jquery文件上面--> 2.写jquery代码的位置 和js一样,jquery代码也是写在<script>开始和结束标签之间. <script type="text/javasc

js小技巧: 给div绑定keydown事件

要想给一个元素绑定keydown事件我们经常这样: $('#some_thing').keydown(function(event){ ...... }) 但是当你尝试给div元素绑定时会发现不起作用, 解决办法是给这个div添加一个tabindex的属性: $('#some_div').attr('tabindex', 1).keydown(function(event){ ...... }) js小技巧: 给div绑定keydown事件

div的onclick事件怎么失效了?

1 前言 div是用拼接复制到另一个个div上,div的onclick事件中方法名为close,导致onclick="close()" 触发不了,然后换了名称就可以了 2 代码 <!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <div id="open"></div> <d

div流加载

var hasNext=true;//触发开关,防止多次调用事件 var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度) var nScrollTop = 0; //滚动到的当前位置 var nDivHight = $('#main').height(); $('#main').scroll(function(){ nScrollHight = $(this)[0].scrollHeight; nScrollTop = $(this)[0].scrollTop; v

先看看解析,事件委托:也称事件代理 就是利用冒泡的原理 把加事件加到父级上,触发执行效果

window.onload = function(){ var oUl = document.getElementById('ull'); var aLi = document.getElementsByTagName('li'); oUl.onmouseover = function(ev){ var event = ev||window.event; // 获取event对象 var target = ev.target || ev.srcElement; // 获取触发事件的目标对象 if

div的onblur事件

一般情况下,onblur事件只在input等元素中才有,而div却没有,因为div没有tabindex属性,所以要给div加上此属性. 如: <div tabindex="0" hidefocus="true" onfocus='alert("得到焦点");' onblur='alert("失去焦点");' style="border:1px solid #ccc;width:200px;height:200p

div 模拟&lt;select&gt;事件

IE7 下,不能够自定义<select>/<option>的样式,所以为了方便起见,用div可以进行模拟 <!doctype html> <html> <meta charset="utf-8"> <title>div模拟select</title> <script type="text/javascript" src="js/jquery-1.8.3.min.js&

在div监听键盘事件获取不到的问题

在给如div等元素绑定键盘事件(如keydown)时, 会发现绑定是失效的. 解决方法: 给当前元素增加 tabindex 属性: 原理: div等非输入性质的元素(与其对应的可输入性元素有input, textarea), 是不可被聚焦的. 所以无法监听其的键盘事件. 而通过增加 tabindex 属性,可以指定该元素可触焦. 关于tabindex(引自MDN): tabindex 全局属性 是个整数,表示元素(如果可聚焦)是否能够接受输入焦点. 如果它应该参与键盘序列导航,那么就是它的位置.

为什么js加事件时不要写括号

function al(){alert("我擦")}此时,al代表这个函数的对象,al()就是直接运行了.var nfun=al;就是让nfun也指向了al,此时nfun()就相当于al().那么我们来说下oBtn.onclickoBtn.onclick也就相当于一个nfun,只不过它附属于oBtn这个标签.等号是赋值操作如果是对象,就会把对象的指向付给变量.al是对象指向,al()就是执行了函数,它最终是个什么东西,就看函数体返回什么类型,al里就一个alert,没有return任何