JavaScript_HTML DEMO_2_事件
如需在用户点击某个元素时执行代码，请向一个HTML事件属性添加JavaScript代码 OnClick=JavaScriptcript
对事件做出反应
HTML事件属性
使用HTML DOM来分配事件
Onload/Onunload事件
Onchange事件
Onmouseover/Onmouseout事件
<body onload="checkCookies()">
<p onclick="this.innerHTML='谢谢'">对事件做出反应</p>
<p id="d1" onclick="changetext()">HTML事件属性</p>
<p id="d2">使用HTML DOM来分配事件</p> 请输入英文字符：<input type="text" id="fname" onchange="myfunction()" />
<p>当你离开输入字段时，会触发将输入文本转换为大写的函数。</p> <div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:
green;width:120px;height:20px;padding:40px;color:#ffffff;">把鼠标移到上面</div> <div onmousedown="mDown(this)" onmouseup="mUp(this)" style="background-color:
blue;color:#ffffff;width:90px;height:20px;padding:40px;font-size:12px;">请点击这里</div>
<script>
function changetext()
{
document.getElementById("d1").innerHTML = Date();
} document.getElementById("d2").onclick = function () { displaytext(this) };
function displaytext(obj)
{
obj.innerHTML = "成功";
} //onload 和 onunload 事件会在用户进入或离开页面时被触发。
function checkCookies()
{
if(navigator.cookieEnabled==true)
{
alert("已启用 cookie");
}
else
{
alert("未启用cookie");
}
} //onchange事件常结合对输入字段的验证来使用
function myfunction()
{
var x = document.getElementById("fname");
x.value = x.value.toUpperCase();
} //onmouseover和onmouseout事件可用于在用户的鼠标移至HTML元素的上方或移出元素时触发函数
function mOver(obj)
{
obj.innerHTML = "谢谢";
}
function mOut(obj)
{
obj.innerHTML = "把鼠标移到上面";
} //onmousedown、onmouseup和onclick
function mDown(obj)
{
obj.style.backgroundColor = "#1ec5e5";
obj.innerHTML = "请释放鼠标按钮";
}
function mUp(obj)
{
obj.style.backgroundColor = "blue";
obj.innerHTML = "请按下鼠标按钮";
} </script> </body>
JavaScript_HTML DEMO_2_事件的更多相关文章
- JNI详解---从不懂到理解
转载:https://blog.csdn.net/hui12581/article/details/44832651 Chap1:JNI完全手册... 3 Chap2:JNI-百度百科... 11 C ...
- Jquery的点击事件，三句代码完成全选事件
先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
- 关于 Chrome 浏览器中 onresize 事件的 Bug
我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏览器打开时就会执行,这种情况也许不能算作 ...
- MVVM设计模式和WPF中的实现（四）事件绑定
MVVM设计模式和在WPF中的实现(四) 事件绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...
- C++中的事件分发
本文意在展现一个C++实现的通用事件分发系统,能够灵活的处理各种事件.对于事件处理函数的注册,希望既能注册到普通函数,注册到事件处理类,也能注册到任意类的成员函数.这样在游戏客户端的逻辑处理中,可以非 ...
- 移动端IOS点击事件失效解决方案
解决方案 解决办法有 4 种可供选择: 1 将 click 事件直接绑定到目标元素(即 .target)上 2 将目标元素换成 <a> 或者 button 等可点击的元素 3 将 clic ...
- Android笔记——Button点击事件几种写法
Button点击事件:大概可以分为以下几种: 匿名内部类 定义内部类,实现OnClickListener接口 定义的构造方法 用Activity实现OnClickListener接口 指定Button ...
- HTML 事件(一) 事件的介绍
本篇主要介绍HTML中的事件知识:事件相关术语.DOM事件规范.事件对象. 其他事件文章 1. HTML 事件(一) 事件的介绍 2. HTML 事件(二) 事件的注册与注销 3. HTML 事件(三 ...
- HTML 事件(二) 事件的注册与注销
本篇主要介绍HTML元素事件的注册.注销的方式. 其他事件文章 1. HTML 事件(一) 事件的介绍 2. HTML 事件(二) 事件的注册与注销 3. HTML 事件(三) 事件流.事件委托 4. ...
随机推荐
- 当有“Button1.Attributes.Add("onclick", "return confirm('你确定要保存修改吗？')");”时，验证控件失效的解决方法
同一个页面用Js和服务器验证控件OnClientClick提交问题 实现功能: 点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能 ...
- 计算像素亮度（Pixel Light）
RGB有亮度吗?常用公式: Y(亮度)=(0.299*R)+(0.587*G)+(0.114*B)
- 在Android中使用FlatBuffers（上篇）
本文来自网易云社区. 总览 先来看一下 FlatBuffers 项目已经为我们提供了什么,而我们在将 FlatBuffers 用到我们的项目中时又需要做什么的整体流程.如下图: 在使用 FlatBuf ...
- explain SQL语句()
坊间有传言:MySQL性能优化有个神器,叫做explain,它可以对select语句进行分析并且输出详细的select执行过程的详细信息,让开发者从这些信息中获得优化的思路. 下面来讲讲这个MySQL ...
- 洛谷P2580（trie）
第一行一个整数 n,表示班上人数.接下来 n 行,每行一个字符串表示其名字(互不相同,且只含小写字母,长度不超过 50).第 n+2 行一个整数 m,表示教练报的名字.接下来 m 行,每行一个字符串表 ...
- bzoj 3944: Sum（杜教筛）
3944: Sum Time Limit: 10 Sec Memory Limit: 128 MBSubmit: 4930 Solved: 1313[Submit][Status][Discuss ...
- linux的防火墙端口配置
健忘啊,记下来吧 Red Hat Linux系统 此类型系统包括red hat的各类衍生及相关不版本,包括RHEL.CentOS.Fedora等等. 防火墙配置文件: /etc/sysconfig/i ...
- 最全 MySQL 优化方法，从此优化不再难
说起MySQL的查询优化,相信大家收藏了一堆奇技淫巧:不能使用SELECT *.不使用NULL字段.合理创建索引.为字段选择合适的数据类型..... 你是否真的理解这些优化技巧?是否理解其背后的工作原 ...
- C 语言实例 - 计算标准偏差
C 语言实例 - 计算标准偏差 计算标准偏差. 实例 #include <stdio.h> #include <math.h> float calculateSD(float ...
- Java基础笔记（七）—— 成员变量、静态变量、局部变量
public class Test { int c; //成员变量(实例变量) static int s1; //静态变量(类变量)(全局变量) public static void main(Str ...