常用的事件

<script type="text/javascript">
/*
常用的事件:

    鼠标点击相关:
        onclick 在用户用鼠标左键单击对象时触发。
        ondblclick 当用户双击对象时触发。
        onmousedown 当用户用任何鼠标按钮单击对象时触发。
        onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。 

    鼠标移动相关:
        onmouseout  当用户将鼠标指针移出对象边界时触发。
        onmousemove 当用户将鼠标划过对象时触发。 

    焦点相关的:
        onblur 在对象失去输入焦点时触发。
        onfocus 当对象获得焦点时触发。

    其他:
        onchange 当对象或选中区的内容改变时触发。
        onload 在浏览器完成对象的装载后立即触发。
        onsubmit 当表单将要被提交时触发。
*/

    function clickTest(){
        alert("单击..");
    }

    function dbClick(){
        alert("双击..");
    }

    function showTime(){
        var timeSpan = document.getElementById("timeSpan");
        var date  = new Date().toLocaleString();
        timeSpan.innerHTML = date.fontcolor("red");
    }

    function hideTime(){
        var timeSpan = document.getElementById("timeSpan");
        timeSpan.innerHTML = "";
    }

    function showInfo(){
        var timeSpan = document.getElementById("userName");
        timeSpan.innerHTML = "用户名是由6位的英文与数字组成".fontcolor("green");
    }

    function hideInfo(){
        var timeSpan = document.getElementById("userName");
        timeSpan.innerHTML = "";
    }

    function change(){
        alert("城市改变了..");
    }

</script>
<body>
    <input type="button" onclick="clickTest()"  value="单击" />
    <input type="button" ondblclick="dbClick()" value="双击"/>
    <span onmousemove="showTime()" onmouseout="hideTime()" >查看当前系统时间:</span><span id="timeSpan"></span>
    用户名<input type="text" onfocus="showInfo()"  onblur="hideInfo()"  /> <span id="userName"></span>

    <select onchange="change()" >
        <option>广州</option>
        <option>深圳</option>
        <option>上海</option>
    </select>

</body>
时间: 2024-10-14 20:56:40

常用的事件的相关文章

javascript常用的事件

常用的事件主要有: (1)单击事件:onclick.用户单击鼠标按键时产生的事件,同时.nclick指定的事件处理程序或代码将被调用执行. (2)改变事件:onchange.当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件. (3)选中事件:onselect.当text或textarea对象中的文字被选中时会引发该事件.如:<ipnut type="text" value="默认信息”onselect=alert(”您选中T文本框

JavaScript中常用的事件

转自:http://www.cnblogs.com/dtdxrk/p/3551454.html 作者:文刀日月 JavaScript中常用的事件 事件委托 可以给元素添加多个事件 var addHandler = function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); //false表示冒泡阶段 }else if(element.atta

js学习总结----移动端事件基础及常用的事件库

一.事件基础 PC:click.mouseover.mouseout.mouseenter.mouseleave.mousemove.mousedown.mouseup.mousewheel.keydown.keyup.load.scroll.blur.focus.change... 移动端:click(单击).load.scroll.blur.focus.change.input(代替keyup.keydown)...TOUCH事件模型(处理单手指操作).GESTURE事件模型(处理多手指操作

关于其他常用的事件

1.addSelectionListener:这个监听器最常用. widgetSelected方法:当组件被选择(单击鼠标,按回车键)时触发此方法的事件处理程序. widgetDefaultSelected方法:用于某些很少触发选择事件的组件.所以这个方法在实际开发中也很少用,例如,文本框回车事件,列表框双击事件等. 就只能用widgetDefaultSelected方法,用widgetSelected方法无效. 2.addKeyListener(按键) keyPressed方法:当前焦点停在组

JS中一些常用的事件(笔记)

window.onload事件:当文档和其所有外部资源(如图片)完全加载并显示给用户时就会触发它. window.onload = function (){ //当加载完当前页面和其所有外部资源(如图片)后,执行这个函数 } window.onunload事件:当用户离开当前页面时会触发该事件 window.onunload = function (){ //离开该页面时执行该函数 } event对象:该对象代表了当前事件的状态,并且只有在事件发生的过程中才生效.对象中存放的是键盘按键的状态.鼠

移动端常用触摸事件以及常用坐标

一.触摸事件 基本事件: touchstart   //手指刚接触屏幕时触发 touchmove    //手指在屏幕上移动时触发 touchend     //手指从屏幕上移开时触发 下面这个比较少用: touchcancel  //触摸过程被系统取消时触发 每个事件都有以下列表,比如touchend的targetTouches当然是 0 咯: touches         //位于屏幕上的所有手指的列表 targetTouches   //位于该元素上的所有手指的列表 changedTou

javascript中常用的事件绑定方法

我们要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 一. 在DOM元素中直接绑定 这里的DOM元素,可以理解为HTML标签.JavaScript支持在标签中直接绑定事件,语法为:    onXXX="JavaScript Code" 其中

JS常用类型事件

常用的类型:1.数学:Math.ceil():天花板数Math.floor():地板数Math.round():四舍五入取整数Math.random():生成0-1之间的随机数 2.日期时间:var s = new Date();var s = new Date(1999,7,23);函数:getFullYear():getMonth():getDate():获取日getHours()getMinutes()getSeconds()getDay():获取星期setFullYear(year,mo

vue中常用的事件和修饰符简单总结

1:阻止冒泡事件 JS事件流其中一种是冒泡事件,当一个元素被触发一个事件时,该目标元素的事件会优先被执行,然后向外传播到每个祖先元素,恰如水里的一个泡泡似的,从产生就一直往上浮,到在水平面时,它才消失.在这个过程中,如果你只希望事件发生在目标元素,而不想它传播到祖先元素上去,那么你需要在"泡泡"离开对象之前刺破它. 在vue中怎么写? 2:阻止默认行为 在vue中怎么写? 3:键盘事件 获取键码?通过事件对象来获取 注意:keydown事件和keyup事件的区别? keydown是在键