<Js>事件

原创 2016年06月01日 07:49:14

基本的点击:

<p onclick="this.innerHTML='变化了'">点击</p>

function事件:

<h1 onclick="changetxt(this)">这是</h1>
<script>
    function changetxt(wen){
        wen.innerHTML = "什么?";      
    }
</script>

点击事件:

<input type="button" value="请点击"    onclick="fun()"/>
<script>
    function fun(){
    document.getElementById("but").innerHTML=Date();
        }
//或document.getElementById("but").onclick=function(){fun()};
    </script>

cookies:

<body onload/onunload="fun()">
<script>
    function fuN(){            if(navigator.cookieEnabled==true){
 alert("启用了cookie");
}
else{
    alert("没有启用");
   }
}
</script>
</body>

自动变大写:

输入英文:<input type="text" id="eng" onchange = "My()">
<script>
    function My(){
    var x =document.getElementById("eng");
    x.value = x.value.toUpperCase();
    }
</script>

移动和离开:

<div onmouseover = "A(this)" id="sd" onmouseout = "B(this)">上面!!!!</div>
<script>
    function A(){
    //obj.innerHTML = "over";
    document.getElementById("sd").innerHTML="over";
    }
    function B(){
    //obj.innerHTML = "out";
    document.getElementById("sd").innerHTML="out";
    }
</script>

点击改变:

<span onmousedown = "C(this)" id="sdd" onmouseup = "D(this)">..</span>
<script>
function C(){
var gur =document.getElementById("sdd");
gur.innerHTML="另一个C";
document.getElementById("sdd").style.color="red";
}
function D(){                    document.getElementById("sdd").innerHTML="out";        document.getElementById("sdd").style.background="yellow";
        }
    </script>
版权声明:注明:仅为个人学习笔记,无任何意义。

js的事件及其种类

js事件 什么叫做事件?        事件,俗话说就是对一定是实物产生一定的影响。        例如:我们打开一个网页,网页被打开的那一刻,首先触发的事件就是load事件,只有触发了这个事件,才...
  • u011546421
  • u011546421
  • 2016年10月11日 19:01
  • 2296

JS 中的事件绑定、事件监听与事件委托

事件绑定 要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。 在JavaScr...
  • ZGhekuiwu
  • ZGhekuiwu
  • 2016年12月21日 13:35
  • 9960

js捕获页面回车事件

使用纯JavaScript和Jquery实现页面回车按键的捕获
  • yzj714839128
  • yzj714839128
  • 2016年07月12日 13:31
  • 7437

JS中的事件捕获和事件冒泡

前言 前段时间给应届生讲JS的事件,顺便讲了一下事件捕获和事件冒泡是怎么一回事儿,但是没给他具体的例子,这里添加一段列子,顺便给菜鸟们一些具体代码来看看冒泡和捕获是怎么一回事儿。 1、事件捕获 ...
  • dong123dddd
  • dong123dddd
  • 2016年02月13日 23:37
  • 3271

js学习事件-----js模仿手机下拉刷新(1)

require AMD /*重置css*/ body,html,ul,ol,li{padding: 0;margin: 0;border: none;} ...
  • prpjava2011
  • prpjava2011
  • 2014年01月16日 18:13
  • 1928

[js点击]JavaScript之原生触摸事件详解01

AJAX 浏览器与服务器之间,采用HTTP协议通信。用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏览器就会向服务器发出HTTP请求。1999年,微软公司发布IE浏览器5.0版...
  • BaiHuaXiu123
  • BaiHuaXiu123
  • 2016年11月20日 20:19
  • 4174

js中的事件触发(非常详细)

//事件源对象 event.srcElement.tagName event.srcElement.type  //捕获释放 event.srcElement.setCapture(...
  • h330531987
  • h330531987
  • 2017年04月11日 01:17
  • 2382

js事件监听器用法实例详解

js事件监听器用法实例详解
  • u013861109
  • u013861109
  • 2016年09月06日 16:54
  • 415

JS触发按键事件

document.onkeydown=function(event){ var e = event || window.event || arguments.ca...
  • u013410747
  • u013410747
  • 2015年12月12日 19:52
  • 4912

js 自定义事件

javascript自定义事件在模块化开发上很有用,能帮助降低模块之间的耦合度!本文讲为什么要,以及如何使用自定义事件。...
  • ruangong1203
  • ruangong1203
  • 2016年09月08日 19:34
  • 736
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:<Js>事件
举报原因:
原因补充:

(最多只允许输入30个字)