js事件之onmousedown和onmouseup

<!DOCTYPE html>
<html>
<head>
<script>
function mouseDown()
{
document.getElementById("p1").style.color="red";
}

function mouseUp()
{
document.getElementById("p1").style.color="green";
}
</script>
</head>
<body>

<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
请点击文本!

mouseDown() 函数当鼠标button在段落上被按下时触发。

此函数把文本颜色设置为红色。mouseUp() 函数在鼠标button被释放时触发。mouseUp() 函数把文本的颜色设置为绿色。

</p>

</body>
</html>
时间: 2024-10-12 05:28:43

js事件之onmousedown和onmouseup的相关文章

JS的Touch事件们,触屏时的js事件

丫的,终于找到了JS在平板电脑上的事件!!! iphone.ipod Touch.ipad触屏时的js事件 1.Touch事件简介 pc上的web页面鼠标会产生onmousedown.onmouseup.onmouseout.onmouseover.onmousemove的事件,但是在移动终端如iphone.ipod Touch.ipad上的web页面触屏时会产生ontouchstart.ontouchmove.ontouchend.ontouchcancel事件,分别对应了触屏开始.拖拽及完成

Js事件大全

一般事件 事件 浏览器支持 描述  onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击  onDblClick IE4|N4|O 鼠标双击事件  onMouseDown IE4|N4|O 鼠标上的按钮被按下了  onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件  onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件  onMouseMove IE4|N4|O 鼠标移动时触发的事件  onMouseOut IE4

js事件列表

javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠标时触发此事件 onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4.N4 鼠标移动时触发此事件 onmouseout IE4.N3 当鼠标离开某对象范围

js事件绑定/监听

事件绑定/监听的方法 1.直接绑定 顾名思义,直接在DOM元素上绑定onclick.onmouseover.onmouseout.onmousedown.onmouseup.ondblclick.onkeydown.onkeypress.onkeyup等事件 var ul = document.getElementById('ul') console.log(ul) ul.onclick = function() { console.log('click 事件绑定成功') } 这种方法最简单,也

js事件绑定细节说明

javascript绑定事件: 经常用jquery去写的化,时间长了对原生态的js事件绑定的知识会慢慢淡化或者遗忘了,必须翻出来再次总结,以前中学老师就对我说过,你要想记住东西并深刻印象,需要3次左右的记忆,第一次看到的知识点,需要隔一小段时间再次去记忆,这是第二次的记忆比第一次印象深刻很多,然后再过长点时间再去记忆一次,第三次的记忆印象基本上能让你的记忆保持很多年,这么多年我也是这样实践去记忆.今天再次把js原生态事件的处理做个总结. 从最初开始,谁刚接触javascript的时候,老师都会这

js事件触发

js事件触发 一.事件驱动 1.事件触发条件 javascript侦测到的用户的操作或是页面的一些行为(怎 么发生的) 2.事件源 引发事件的元素.(发生在谁的身上) 3.事件处理程序 对事件处理的程序或是函数 (发生了什么事) javascript事件 1.常用的鼠标事件 onclick 鼠标单击事件 ondblclick 鼠标双击事件 onmousedown 鼠标按下时的事件 onmouseup 鼠标抬起时的事件 onmousemove 鼠标移入事件,在内部移动也触发 onmouseover

《学习笔记》JS事件和事件冒泡

js事件详解 ●一般事件 onclick 鼠标点击时触发此事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事件 onmouseup 鼠标按下后松开鼠标时触发此事件 onmouseover 当鼠标移动到某对象范围的上方时触发此事件 onmousemove 鼠标移动时触发此事件 onmouseout 当鼠标离开某对象范围时触发此事件 onkeypress 当键盘上的某个键被按下并且释放时触发此事件. onkeydown 当键盘上某个按键被按下时触发此事件 o

js事件、Js中的for循环和事件的关系、this

一.js事件  1.事件 用户在网页中所触发的行为 鼠标滑动种类很多,键盘.表单特列: 点击:onclick 鼠标进入:onmouseenter 鼠标离开:onmouseleave 鼠标悬浮:onmouseover  鼠标移除:onmouseout 鼠标按下:onmousedown 鼠标抬起:onmouseup 鼠标移动:onmousemove 表单聚焦:onfocus 表单失去焦点:onblur 浏览器加载完成:onload js事件是一直存在的,可以绑定方法,也可以不绑定,如果没有绑定,事件

js事件监听简介

1.什么是事件监听? 就是让计算机监视一个事件是否发生. 2.事件和事件处理程序 事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字.响应某个事件的函数就叫事件处理程序(也叫事件处理函数.事件句柄).事件处理程序的名字以"on"开头,因此click事件的事件处理程序就是onclick,load事件的事件处理程序就是onload. 总之,事件就是一个动作瞬间,如鼠标点击,事件处理程序是一个过程,处理事件发生时的函数的函数. 3.事件监听器 监听