zoukankan      html  css  js  c++  java
  • JS事件大全【1】

    事件源对象
    event.srcElement.tagName
    event.srcElement.type
    捕获释放
    event.srcElement.setCapture();
    event.srcElement.releaseCapture();
    事件按键
    event.keyCode
    event.shiftKey
    event.altKey
    event.ctrlKey
    事件返回值
    event.returnVal
    鼠标位置
    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.onmousedown=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=tr
    根据宽度换行
    style="word-break:break-all"
    自动刷新
    <meta HTTP-EQUIV="refresh" C>
    简单邮件
    <a href="[email=aaa@bbb.com?s ject=ccc&body=xxxyyy]mailto:aaa@bbb.com?s ject=ccc&body=xxxyyy[/email]">
    快速转到位置
    obj.scrollIntoView(tr)

    <a name="first">
    <a href="#first">anchors</a>
    网页传递参数
    location.search();
    可编辑
    obj.contenteditable=tr
    执行菜单命令
    obj.execCommand
    双字节字符
    /[^\x00-\xff]/
    汉字
    /[\一-\龥]/
    让英文字符串超出表格宽度自动换行
    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="javascript:function()">word</a>
    上一网页源
    asp:
    reqst.servervariables("HTTP_REFERER")
    javascript:
    document.referrer
    释放内存
    CollectGarbage();
    禁止右键
    document.oncontextmenu = function() { return false;}
    禁止保存
    <noscript><iframe src="*.htm"></iframe></noscript>
    禁止选取<body Shortcut Icon" href="favicon.ico">
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
    收藏栏图标
    <link rel="Bookmark" href="favicon.ico">
    查看源码
    <input type=button val=查看网页源代码 >
    关闭输入法
    <input style="ime-mode:disabled">
    自动全选
    <input type=text name=text1 val="123" >
    ENTER键可以让光标移到下一个输入框
    <input >
    文本框的默认值
    <input type=text val="123" >
    title换行
    obj.title = "123 sdfs "
    获得时间所代表的微秒
    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 >
    无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
    统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
    encodeURIComponent对":"、"/"、";" 和 "?"也编码
    高级应用(一)


    //各种尺寸

    s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
    s += "\r\n网页可见区域高:"+ document.body.clientHeight;
    s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)";
    s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
    s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
    s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
    s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
    s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
    s += "\r\n网页正文部分上:"+ window.screenTop;
    s += "\r\n网页正文部分左:"+ window.screenLeft;
    s += "\r\n屏幕分辨率的高:"+ window.screen.height;
    s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
    s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
    s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;



    //过滤数字

    <input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.val.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">


    //特殊用途

    <input type=button val=导入收藏夹 onclick="window.external.ImportExportFavorites(tr,'http://localhost');">
    <input type=button val=导出收藏夹 onclick="window.external.ImportExportFavorites(false,'http://localhost');">
    <input type=button val=整理收藏夹 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
    <input type=button val=语言设置 onclick="window.external.ShowBrowserUI('Lang geDialog', null)">
    <input type=button val=加入收藏夹 onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
    <input type=button val=加入到频道 onclick="window.external.addChannel('http://www.google.com/')">
    <input type=button val=加入到频道 onclick="window.external.showBrowserUI('PrivacySettings',null)">
  • 相关阅读:
    Saltstack module acl 详解
    Saltstack python client
    Saltstack简单使用
    P5488 差分与前缀和 NTT Lucas定理 多项式
    CF613D Kingdom and its Cities 虚树 树形dp 贪心
    7.1 NOI模拟赛 凸包套凸包 floyd 计算几何
    luogu P5633 最小度限制生成树 wqs二分
    7.1 NOI模拟赛 dp floyd
    springboot和springcloud
    springboot集成mybatis
  • 原文地址:https://www.cnblogs.com/zcy_soft/p/2081742.html
Copyright © 2011-2022 走看看