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. ...
随机推荐
- Windows 7,无法访问internet,DNS无响应
我电脑网络连接显示有internet访问,但是网页打不开,QQ上不了,但可以PING通谷歌DNS 8.8.8.8,一PING域名就无法解析. 解决方法:开始-运行-输入"netsh wins ...
- Java中Class Type 类类型是怎么回事？
Java中三种方式可以用来表示Class Type(类的实例对象), 第一种,通过隐藏的静态成员变量class来表示:第二种,通过调用该类的对象的getClass方法:第三种,通过Class.forN ...
- shell之hello world
[root@localhost sh]#vi hello.sh //编辑 .sh 文件 #The first program #!/bin/bash echo 'hello world' [root@ ...
- FFT求卷积（多项式乘法）
FFT求卷积(多项式乘法) 卷积 如果有两个无限序列a和b,那么它们卷积的结果是:\(y_n=\sum_{i=-\infty}^\infty a_ib_{n-i}\).如果a和b是有限序列,a最低的项 ...
- c++手工扩栈
-Wl,--stack=64000000 c++手工扩展
- LightOJ 1336 - Sigma Function
原题链接 基础数论中很经典的一道题 题意 给出了σ(n)的计算公式,让你找出整数1-n中有多少对应σ(n)的值是偶数. 思路 观察σ(n)的公式发现,每一个乘项都是 (piei+1 - 1) / (p ...
- PAT甲级——1099 Build A Binary Search Tree (二叉搜索树)
本文同步发布在CSDN:https://blog.csdn.net/weixin_44385565/article/details/90701125 1099 Build A Binary Searc ...
- IE8浏览器总是无响应或卡死崩溃怎么办
IE8浏览器总是无响应或卡死崩溃怎么办 2016-05-11 11:22:31 来源:百度经验 作者:qq675495787 编辑:Jimmy51 我要投稿 IE在打开某些网页的时候经常崩溃或无响应, ...
- mycat1.6.5分片（字符串拆分hash）
https://blog.csdn.net/webnum/article/details/78313525 分片规则:字符串拆分hash 一.conf/schema.xml文件 <?xm ...
- ProtocBuffer安装
学习protocolhttp://www.jianshu.com/p/fa126a8535a0 mac安装protocbuff: 下边总结一下安装流程: 查看官方文档源码在 https://githu ...