精华内容
参与话题
问答
  • js常见事件

    2018-08-01 19:18:28
    窗口事件,只在body和frameset元素中才有效 onload 页面或图片加载完成时 onunload 用户离开页面时 b.表单元素事件,在表单元素中才有效 onchange 框内容改变时 onsubmit 点击提交按钮时 onreset 重新点击鼠标按键时 ...

    a.窗口事件,只在body和frameset元素中才有效
    onload      页面或图片加载完成时
    onunload     用户离开页面时

    b.表单元素事件,在表单元素中才有效
    onchange     框内容改变时
    onsubmit     点击提交按钮时
    onreset     重新点击鼠标按键时
    onselect     文本被选择时
    onblur      元素失去焦点时
    onfocus     当元素获取焦点时

    c.键盘事件,在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
    onkeydown    按下键盘按键时
    onkeypress    按下或按住键盘按键时
    onkeyup     放开键盘按键时

    d.在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
    onclick     鼠标点击一个对象时
    ondblclick    鼠标双击一个对象时
    onmousedown 鼠标被按下时
    onmousemove 鼠标被移动时
    onmouseout    鼠标离开元素时
    onmouseover 鼠标经过元素时
    onmouseup    释放鼠标按键时

    e.其他
    onresize     当窗口或框架被重新定义尺寸时
    onabort     图片下载被打断时
    onerror     当加载文档或图片时发生错误时

    自定义对象:有初始化对象和定义构造函数的对象两种方法
    a:初始化对象
    例如: 对象={属性1:值1;属性2:值2;......属性n:值n} 注意:每个属性/值对之间用分号隔开;

    b: 定义构造函数的对象
    例如:
    function 函数名(属性1, 属性2,......属性N){
    this.属性1=属性值1;
    this.属性2=属性值2;
    this.属性n=属性值n;

    this.方法名1=函数名1;
    this.方法名2=函数名2;
    }

    注意:方法名和函数名可以同名,但是在方法调用函数前,函数必须已经定义好,否则会出错为自定义的函数创建新的实例一样是使用 new 语句。

    展开全文
  • JS常见事件

    2019-10-30 15:53:50
    JS常见事件 1.点击事件 onclick:单击事件 ondblclick:双击事件 2.焦点事件 obclur:失去焦点 onfocus:获取焦点 3.加载事件 onload:一张页面或一幅图像完成加载 4.鼠标事件 onmousedown:鼠标按下 ...

    JS常见事件

    1.点击事件

    • onclick:单击事件
    • ondblclick:双击事件

    2.焦点事件

    • obclur:失去焦点
    • onfocus:获取焦点

    3.加载事件

    • onload:一张页面或一幅图像完成加载

    4.鼠标事件

    • onmousedown:鼠标按下
    • onmouseup:鼠标松开
    • onmousemove:鼠标移动
    • onmouseover:鼠标移到某元素上
    • onmouseout:鼠标从某元素移开

    5.键盘事件

    • onkeydown:某个键盘按键被按下
    • onkeyup:某个键盘按键被松开
    • onkeypress:某个键盘按键被按下并松开

    6.选择和改变

    • onchange:域的内容被改变
    • onselect:文本被选中

    7.表单事件

    • onsubmit:确认按钮被点击
    • onreset:重置按钮被点击
    展开全文
  • js 常见事件

    2016-05-07 00:38:00
    窗口事件,只在body和frameset元素中才有效onload 页面或图片加载完成时onunload 用户离开页面时 b.表单元素事件,在表单元素中才有效onchange 框内容改变时onsubmit 点击提交按钮时onreset 重新点击鼠标按键时...


    a.窗口事件,只在body和frameset元素中才有效
    onload      页面或图片加载完成时
    onunload     用户离开页面时

    b.表单元素事件,在表单元素中才有效
    onchange     框内容改变时
    onsubmit     点击提交按钮时
    onreset     重新点击鼠标按键时
    onselect     文本被选择时
    onblur      元素失去焦点时
    onfocus     当元素获取焦点时

    c.键盘事件,在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
    onkeydown    按下键盘按键时
    onkeypress    按下或按住键盘按键时
    onkeyup     放开键盘按键时

    d.在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
    onclick     鼠标点击一个对象时
    ondblclick    鼠标双击一个对象时
    onmousedown 鼠标被按下时
    onmousemove 鼠标被移动时
    onmouseout    鼠标离开元素时
    onmouseover 鼠标经过元素时
    onmouseup    释放鼠标按键时

    e.其他
    onresize     当窗口或框架被重新定义尺寸时
    onabort     图片下载被打断时
    onerror     当加载文档或图片时发生错误时

    自定义对象:有初始化对象和定义构造函数的对象两种方法
    a:初始化对象
    例如: 对象={属性1:值1;属性2:值2;......属性n:值n} 注意:每个属性/值对之间用分号隔开;

    b: 定义构造函数的对象
    例如:
    function 函数名(属性1, 属性2,......属性N){
    this.属性1=属性值1;
    this.属性2=属性值2;
    this.属性n=属性值n;

    this.方法名1=函数名1;
    this.方法名2=函数名2;
    }

    注意:方法名和函数名可以同名,但是在方法调用函数前,函数必须已经定义好,否则会出错为自定义的函数创建新的实例一样是使用 new 语句。

    转载于:https://www.cnblogs.com/yujon/p/5467579.html

    展开全文
  • JS 常见事件

    2013-03-11 13:41:00
    为什么80%的码农都做不了架构师?>>> ...

      事件源对象
    event.srcElement.tagName
    event.srcElement.type

      捕获释放
    event.srcElement.setCapture();
    event.srcElement.releaseCapture();

      事件按键
    event.keyCode
    event.shiftKey
    event.altKey
    event.ctrlKey

      事件返回值
    event.returnValue

      鼠标位置
    event.x
    event.y

      窗体活动元素
    document.activeElement

      绑定事件
    document.captureEvents(Event.KEYDOWN);

      访问窗体元素
    document.all("txt").focus();
    document.all("txt").select();

      窗体命令
    document.execCommand

      窗体COOKIE
    document.cookie

      菜单事件
    document.oncontextmenu

      创建元素
    document.createElement("SPAN");

      根据鼠标获得元素:
    document.elementFromPoint(event.x,event.y).tagName=="TD
    document.elementFromPoint(event.x,event.y).appendChild(ms)

      窗体图片
    document.images[索引]

      窗体事件绑定
    document.οnmοusedοwn=scrollwindow;

      元素
    document.窗体.elements[索引]

      对象绑定事件
    document.all.xxx.detachEvent('onclick',a);

      插件数目
    navigator.plugins

      取变量类型
    typeof($js_libpath) == "undefined"

      下拉框
    下拉框.options[索引]
    下拉框.options.length

      查找对象
    document.getElementsByName("r1");
    document.getElementById(id);

      定时
    timer=setInterval('scrollwindow()',delay);
    clearInterval(timer);

      UNCODE编码
    escape() ,unescape

      父对象
    obj.parentElement(dhtml)
    obj.parentNode(dom)

      交换表的行
    TableID.moveRow(2,1)

      替换CSS
    document.all.csss.href = "a.css";

      并排显示
    display:inline

      隐藏焦点
    hidefocus=true

      根据宽度换行
    style="word-break:break-all"

      自动刷新
    <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">

      简单邮件
    <a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">

      快速转到位置
    obj.scrollIntoView(true)

     
    <a name="first">
    <a href="#first">anchors</a>

      网页传递参数
    location.search();

      可编辑
    obj.contenteditable=true

      执行菜单命令
    obj.execCommand

      双字节字符
    /[^/x00-/xff]/
    汉字
    /[/u4e00-/u9fa5]/

      让英文字符串超出表格宽度自动换行
    word-wrap: break-word; word-break: break-all;

      透明背景
    <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>

      获得style内容
    obj.style.cssText

      HTML标签
    document.documentElement.innerHTML

      第一个style标签
    document.styleSheets[0]

      style标签里的第一个样式
    document.styleSheets[0].rules[0]

      防止点击空链接时,页面往往重置到页首端。
    <a href="BLOCKED SCRIPTfunction()">word</a>

      上一网页源
    asp:
    request.servervariables("HTTP_REFERER")
    BLOCKED SCRIPT
    document.referrer

      释放内存
    CollectGarbage();

      禁止右键
    document.oncontextmenu = function() { return false;}

      禁止保存
    <noscript><iframe src="*.htm"></iframe></noscript>

      禁止选取<body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()>

      禁止粘贴
    <input type=text οnpaste="return false">

      地址栏图标
    <link rel="Shortcut Icon" href="favicon.ico">
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

      收藏栏图标
    <link rel="Bookmark" href="favicon.ico">

      查看源码
    <input type=button value=查看网页源代码 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">

      关闭输入法
    <input style="ime-mode:disabled">

      自动全选
    <input type=text name=text1 value="123" οnfοcus="this.select()">

      ENTER键可以让光标移到下一个输入框
    <input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

      文本框的默认值
    <input type=text value="123" οnfοcus="alert(this.defaultValue)">

      title换行
    obj.title = "123&#13sdfs&#32"

      获得时间所代表的微秒
    var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()

      窗口是否关闭
    win.closed

      checkbox扁平
    <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>

      获取选中内容
    document.selection.createRange().duplicate().text

      自动完成功能
    <input type=text autocomplete=on>打开该功能
    <input type=text autocomplete=off>关闭该功能

      窗口最大化
    <body οnlοad="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">

      无关闭按钮IE
    window.open("aa.htm", "meizz", "fullscreen=7");

      统一编码/解码
    alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
    encodeURIComponent对":"、"/"、";" 和 "?"也编码

      表格行指示
    <tr οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">

    转载于:https://my.oschina.net/lht007/blog/112900

    展开全文
  • JS常见事件以及函数

    2015-11-14 09:18:00
    1、js enter键激发事件 document.onkeydown=function(e){if(!e)e=window.event;if((e.keyCode||e.which)==13){$("#btnSubmit").click();}...
  • JS常见事件及其对应函数如下图所示: 代码详例: Event_Page 按钮 function onc(){ alert("on_clik_" +"event"); }
  • 本文实例讲述了JavaScript给按钮绑定点击...我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 html> head> script> function displayDate() { document.getElementById("demo").innerHTML=Date(); } scri
  • 事件是可以被javascript侦测到的行为(事件通常与函数配合使用,当事件发生时函数才会执行)。 事件举例:鼠标点击  页面或图像载入  鼠标悬浮于页面的某个热点之上  在表单中选取输入框  确认表单  
  • 事件是可以被javascript侦测到的行为(事件通常与函数配合使用,当事件发生时函数才会执行)。 事件举例:鼠标点击  页面或图像载入  鼠标悬浮于页面的某个热点之上  在表单中选取输入框  确认表单
  • 案例二:onchange 事件会在域的内容改变时发生。 支持该事件的JavaScript对象:fileUpload ,select ,text ,textarea function upper(x){ var y = document.getElementById(x).value; document.getElementById(x)....
  • 窗口事件,只在body和frameset元素中才有效 onload 页面或图片加载完成时 onunload 用户离开页面时 b.表单元素事件,在表单元素中才有效 onchange 框内容改变时 onsubmit 点击提交按钮时 onreset 重新点击鼠标按键时 ...
  • 牛客网刷题 1. 新窗口打开网页,用到_blank < a > 标签的target属性是指打开的新链接是以什么样的形式打开的 < a href="/XXXX" target="_blank" >新弹一个浏览器窗口打开新链接<...
  • JS常见事件

    2019-04-30 17:01:00
    常见事件 焦点事件:  1.blur: 在元素失去焦点时触发. 这个事件不会冒泡;  2.focus: 在元素获得焦点时触发. 这个事件不会冒泡;  3. focusin: 在元素获得焦点时触发, 但会冒泡;  4. focusout: 在元素失去焦点时...
  • js DOM常见事件

    2019-01-14 21:23:00
    js事件命名为on+动词 1.onclick事件,点击鼠标时触发,ondbclick双击事件 <h1 onclick="this.innerHTML='点击后文本'">点击文本!</h1> <h1 onclick="changetext(this)">点击文本!</...
  • Js常见事件分类

    2019-07-16 15:18:58
    常见事件分类 onclick:单击点击事件 obdbclick:双击点击事件 onkeyup:按键抬起事件 onfocus:获取焦点事件 onblur:失去焦点事件 onchange事件:选项卡发生变化 场景:省市联动 onload:页面载入事件:一...
  • js常见事件类型

    2020-10-03 12:10:36
    tips:纠正双击事件是ondblclick 1.鼠标事件 <body> <div id="obt">点击我</div> <div id="display"></div> <script> function handle(ev) { /*处理兼容性,获得事件...

空空如也

1 2 3 4 5 ... 20
收藏数 1,445
精华内容 578
热门标签
关键字:

js常见事件