js取消默认点击事件,js弹出框确定和取消点击事件
js怎么编写鼠标的右击事件
js右击事件
先贴代码:
注意的两个点是:
①:先取消默认右击事件,event.preventDefault();
②:判断event.Button:0:左键,1:滚轮,2:右键。
值得一说的的是"oncontextmenu"是指右键按下时的作用。
再给一个应用吧:
右击div显示出自己定义的菜单,点击除了div的地方,是默认的右击事件。
代码:
效果自行查看吧,其实也没啥。
原理是,右键的菜单其实是一个隐藏的div,当点击父类div的时候,它出现而已。(貌似这样一说显得这个程序好垃圾啊,_(___)_其实这也是大厦的一块砖,少了它,大厦会塌的)
再给了类似的应用吧,一个点击div消失的效果。
js 取消默认按钮
一个办法,给form一个onsubmit事件,事件检测是否可以提交的标志,只有标志的时候才允许提交,就能避免。
script language=javascript
var ok_submit=0;
function check_submit(){
ir (ok_submit) return true;
else return false;
}
/script
form onsubmit="return check_submit();" ...
...
input type=submit onclick="ok_submit=1;" ...
javascript如何阻止事件冒泡和默认行为
js阻止冒泡
在阻止冒泡的过程中,W3C和IE采用的不同的方法,那么我们必须做以下兼容。
复制代码 代码如下:
function stopPro(evt){
var e = evt || window.event;
//returnValue如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,
//可以取消发生事件的源元素的默认动作。
//window.event?e.returnValue = false:e.preventDefault();
window.event?e.cancelBubble=true:e.stopPropagation();
}
JS事件的默认行为有哪些
很多的网页元素都会有默认的行为,比如说当你点击一下超链接a标签的时候,它会有一个跳转的行为;当你在网页上点鼠标右键时会出现一个右键菜;当你在一个form表单里点击提交按钮时网页会产生提交行为并刷新网页,当你网页上滚动鼠标滚轮时,网页的滚动条会动等等。这些都叫事件的默认行为,如果想把这默认行为取消了,相应的JS代码如下:
a.onclick=function(){return false;}//在方法里加个return false,就阻止超链接点击时的跳转行为了
document.oncontextmenu=function(){
/* 在这里你还可以加一些代码,实现自定义的右键菜单 */
return false;//系统自带的右键菜单就失效了
}
Form.onsubmit=function(){return false;}//这样表单就不会产生提交行为了
document.onmousewheel=function(){return false}//IE和chrome的方式,取消鼠标的滚轮的默认行为,网页的滚动条就不会动了
document.addEventListener('DOMMouseScroll',function(e){e.preventDefault=true});//功能同上,火狐的方式。火狐只能用DOM二级的绑定方式,并且用e.preventDefault=true
我们要知道常见的事件默认行为有那些,并且要知道阻止默认行为,只要在绑定到这个行为事件的方法里最后加一句:return false;就可以了。
但要强调注意的是:如果你的事件绑定是用addEventListener来实现的,那阻止默认行为必须用e.preventDefault=true。
vue.js怎样移除绑定的点击事件
vue.js移除绑定的点击事件的方法:
可以用 v-on 指令监听 DOM 事件:
div id="example"
button v-on:click="greet"Greet/button
/div
绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法:
var vm = new Vue({
el: '#example',
data: {
name: 'Vue.js'
},
// 在 `methods` 对象中定义方法
methods: {
greet: function (event) {
// 方法内 `this` 指向 vm
alert('Hello ' + this.name + '!')
// `event` 是原生 DOM 事件
alert(event.target.tagName)
}
}
})
// 也可以在 JavaScript 代码中调用方法
vm.greet() // - 'Hello Vue.js!'