代码如下:document.onkeydown=function(event){var e = event || window.event || arguments.callee.caller.arguments[0];if(e && e.keyCode==27){ // 按 Esc //要做的事情}if(e && e.keyCode==113){ // 按 F2 //要做的事情} if(e && e.keyCode==13){ // enter 键//要做的事情}}; JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和...
几种鼠标触发CSS事件。 说明: onMouseDown 按下鼠标时触发 onMouseOver 鼠标经过时触发 onMouseUp 按下鼠标松开鼠标时触发 onMouseOut 鼠标移出时触发 onMouseMove 鼠标移动时触 代码如下: CSS 鼠标响应事件 .Off{ background-color: #00FF66; padding:100px;} .up{background-color: #FF0000; padding:100px} 鼠标响应事件 当鼠标经过移出时切换css onMouseDown 按下鼠标时触发 onMouseOver 鼠标经过时触发 onMouseUp 按...
在ajax请求中,如果服务器端的响应是302 Found,在ajax的回调函数中能够获取这个状态码吗?能够从Response Headers中得到Location的值进行重定向吗?让我们来一起看看实际情况。使用jquery的$.ajax()发起ajax请求的javascript代码如下: 代码如下:$.ajax({ url: /oauth/respond, type: post, data: data, complete: function(jqXHR){ console.log(jqXHR.status); }, error: function (xhr) { cons...
各种网站经常看到页面滚动到可视区域,然后才加载相应的图片资源,他的本质是什么呢?本文来分析一下很简单,就是判断当前元素是否是可视区域内 假设:h1 = 滚动条滚去的高度w1 = 滚动条滚去的宽度h2 = 屏幕的高度obj 表示当前对象 {x:当前对象相对于文档左上角的位置x,y:当前对象相对于文档左上角的y} 则应该这样判断在y轴方向上:if(obj.x>h1&&obj.x<h1+h2||obj.x+obj.offsetHeight>h1&&|obj.x+obj.offsetHeight<h1+h2){loading...
如何给事件handler传参数?在刚刚接触Javascript的时候,由于对闭包理解不深刻,常常纠结于该问题。 在讨论群里也经常碰到这样的问题,如下 代码如下: 如何给事件handler传参数? Click me var E = { on : function(el, type, fn){ el.addEventListener ? el.addEventListener(type, fn, false) : el.attachEvent("on" + type, fn); }, un : function(el,type,fn){ el.removeEventListener ? el....
代码如下: $(".target-menu").mouseout(function(e){ evt = window.event || e; var obj = evt.toElement || evt.relatedTarget; var pa = this; if(pa.contains(obj)) return false; $(this).hide(); });
在编写javascirpt程序过程中,用$.post方法发送数据,若数据中字符含有' 代码如下: var jsonstr={"value":"abcd<efg"}; $.post( url, { "jsonstr": jsonstr }, function (data, status) { }); 需要将其转义后再使用,使用下面的transferredChars函数转义后,再传递数据$.post即能执行。 此函数使用将''分别替换为''。 代码如下: transferredChars=function (htmlChars) { var tcs = htmlChars.replace(/</g, "<"); tcs = tcs.rep...
我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用js代码实现如下: html代码: 代码如下: js代码: 代码如下: function fn_focus(ele){ if(ele.value == ele.defaultValue){ ele.value = ; } } function fn_blur(ele){ var reg = /^[\s]*$/; if(reg.test(ele.value) || ele.value == ele.defaultValue){ ele.va...
有时候我们有这样的需求:当用户在表单里数据完数据后,之间按enter键就可以执行查询或者保存的操作。实现的思路如下。 让你的form表单或需要响应enter键的区域处于div之间。形如: 代码如下: 单位名称:<input class="inp" type="text" name="qureyBean.com_name" value="${qureyBean.com_name}" /> 查询 响应键盘enter键的js: 代码如下: $(".top_inputbox").keypress(function (e){ var code = event.keyCode; if (13 == c...
实现鼠标滚动滚轮事件:var scrollFunc=function(e){ e=e || window.event; if(e.wheelDelta){//IE/Opera/Chrome if(e.wheelDelta==120) { //向上滚动事件 alert(e.wheelDeta +"向上"); }else { //向上滚动事件 alert(e.wheelDeta +"向上"); } }else if(e.detail){ //Firefox if(e.detail==-3) { //向上滚动事件 alert(e.detail +"向上"); }else { //向下滚动事件 alert(e.detail +"向下 "); } } }; if(docu...
事情是这样的,做了一个登陆页面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服务器交互,但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧:代码如下: $("#loginbox input[type=submit]").click(function() {//Ajax 与服务器交互验证 }); $(#loginbox).keydown(function(e){if(e.keyCode == 13){//模拟点击登陆按钮,触发上面的 Click 事件$("#loginbox input[type=submit]").click();} }...
分享下jQuery如何隐藏和显示 input 默认值的例子。jQuery 隐藏与显示 input 默认值 $("#email").focus(function(){ var email_txt = $(this).val(); if (email_txt == this.defaultValue) { $(this).val(""); } }) $("#email").blur(function(){ var email_txt = $(this).val(); if (email_txt == "") { $(this).val(this.defaultValue); } })
JS支持OCX控件的事件(event),当OCX控件定义的事件发生时,JS可以捕获该事件并对事件进行相应的处理。 个人理解,其实就是事件的响应由谁来完成,OCX控件自身肯定是可以实现的,JS提供的这种机制使JS也可以完成OCX控件事件的响应。 简单举例如下: 首先在OCX控件中添加自定义事件(预定义事件同理,如鼠标点击等,没亲自试,感觉原理应该是一样的), 事件应该是属于窗口的,所以在Ctrl类上单击右键,Add->Add Event,如下图: 在...
很多的网站上都有返回顶部功能,判断滚动参数动态显示与隐藏,比较适合初学者实现动态的显示回到顶部与否/*返回顶部*/ .back_top {width:45px;height:45px;background:url(back_top_new.png) 0 0;position:fixed;left:50%;margin-left:500px;bottom:105px;display:none;} .back_top:hover{background:url(images/back_top_new.png) 0 -46px;}var mousewheelevt=(/Firefox/i.test(navigator.userAgent)) "DOMMouseScroll" : "mousew...
/*Javascript代码片段*///定义一个方法:这个方法控制浏览器页面背景色的切换变化 function myfunction(){$('body').toggleClass('bgcolor'); } //添加监控页面窗口变化的方法 $(window).resize(myfunction); //并且在页面加载时即调用 myfunction();