首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

javascript当中冒泡(event bubble)用法

9.冒泡(event bubble) 缺省情况下,当几个元素重合,事件从最上层元素开始往下层元素传播。 例 9.1(bubbleIEFF.html) <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function docClick(event) { var event = event || window.event; alert("IE和FF一样:外面文档:"+event.type); } //document.captureEvents(Event.CLICK); document.onclick = docClick; </script>

缺省情况下,当几个元素嵌套重合,事件从最上层元素开始往下层元素传播。 例 9.2(bubble1currentTargetsrcElementIEFF.html) <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function gotClick(event, who) { /* 1) 在ie中没有currentTarget,我们只能用下面的方法:来仿真火狐的效果。 2)马克-to-win:event.target是最上层的元素,event.currentTarget是最底层的元素 */ var event = event||window.event; var eTarget =event.srcElement||event.target; var eCurrentBottomTarget =event.srcElement||event.currentTarget; if (window.navigator.userAgent.indexOf("MSIE") >= 1) 更多请见:https://blog.csdn.net/qq_43650923/article/details/102211582

05
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    javascript当中操纵table的用法

    2.操纵table 例 2.1(CreateSelectOptionEventPassParamIEFF.html) <HTML> <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>     <TITLE></TITLE> </HEAD> <BODY id="bodyq">

                                                                                   
    11121314
    21222324
    </BODY> </HTML> <script>     function doimg(event)     {         var event = event || window.event;         var eSource =event.srcElement||event.target; /*马克-to-win:下列实验可以通过event取到。以下的实验证明event.target 就是obj,马克-to-win:event.target是最上层的元素,本例中onChange只有select有,而option并没有onChange这个概念。这就是为什么,event.target这个顶层元素是select,而不是option的原因。详情见例4.1.*/         var obj= document.getElementById("city");         alert("obj===event.target is"+ (obj===eSource));         var inde=eSource.selectedIndex;         alert(obj.value+inde);         change(inde,obj.value);     }

    00

    Java常用并发容器总结(四)

    跳表是一种可以用来快速查找的数据结构,类似于平衡树,他们都可以对元素进行快速的查找。但一个重要的区别是:对平衡树的插入往往可能导致平衡树进行一次全局的调整;而对跳表的插入和删除之需要的局部数据操作即可。这样的好处是,在高并发环境下,对平衡树的操作需要一个全局锁来保证线程安全,但是对于跳表则只需要部分锁,这样会拥有更好地性能。 就查询的性能而言,跳表的时间复杂度也是O(logN)。因此,在并发的数据结构中,JDK使用跳表实现一个Map。 跳表的本质是分层的多个链表,最上层的元素最少,查找操作从最上层开始进行。 使用跳表实现Map和使用Hash算法实现Map的另一个不同之处在于,HashMap并不会维护元素的顺序,而跳表内的所有元素都是排序的,在对跳表遍历时会得到一个有序的结果。因此,如果需要一个有序的并发安全的Map,使用跳表是不二的选择。

    03

    Stack栈的三种含义

    在这样的数据结构中,数据像积木那样一层层堆起来,后面添�的数据就放在最上层。使用的时候,最上层的数据第一个被用掉,这就叫做”后进先出”。 与这样的结构配套的是以下几种特定的方法: (1)push:在最顶层添�数据 (2)pop:返回并移除最顶层的数据 (3)top:返回最顶层数据的值,但不移除它 (4)isempty:返回一个布尔值,表示当前stack是否为空栈。 含义二:代码执行方式 stack的另外一种含义是“调用栈”,表示函数或子例程像堆积木一样存放,以实现层层调用。 class Student { int age; string name; public student(int age,string name) { this.age=age; setName(Name); } public void setName(string name) { this.name=Name; } } public class Main() { public static void main() { student s; s=new student(23,”John”); } } 上面代码执行的时候,首先调用main方法,里面须要生成一个student的实例,于是又调用student构造函数。在构造函数中又调用setName方法。

    01

    javascript当中attributes的用法

    3.attributes 例 3.1(getElementsByNameNodeListAttributeIEFF.html) <HTML> <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </HEAD> <BODY>

    <FORM onClick="handleClick(event)">     <INPUT TYPE="checkbox" VALUE="A" NAME="BOX" id="BOX_A" checked="true">Selection A
        <INPUT TYPE="checkbox" VALUE="B" NAME="BOX" id="BOX_B">Selection B
        <INPUT TYPE="checkbox" VALUE="C" NAME="BOX" id="BOX_C">Selection C
        <INPUT TYPE="checkbox" VALUE="D" NAME="BOX" id="BOX_D">Selection D
    </FORM> <SCRIPT>     function handleClick(event)     {         myString='';         /* because there is no this method of getElementsByID, ID is unique          Document.getElementsByName() (Method)          An accessor method for retrieving objects from within the DOM hierarchy specifically according to their NAME value.          Property/method value type: NodeList object          JavaScript syntax: - myDocument.getElementsByName(aName)          Argument list: aName The name of the element to be retrieved          */ /*马克-to-win:event.target是最上层的元素,注意这里点击时,一定得点中方格里,如果点在方格外面,则event.target.id 是空值。*/            var event = event||window.event;               var eSource =event.srcElement||event.target;                 nodeListBox=document.getElementsByName("BOX");         /*Element.attributes[] (Collection)          A reference to a collection of attribute objects for the HTML tag that the Element object represents.          Property/method value type: Attributes object

    00
    领券