js取消默认点击事件,js弹出框确定和取消点击事件

http://www.itjxue.com  2023-01-23 15:39  来源:未知  点击次数: 

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!'

(责任编辑:IT教学网)

更多

推荐网络媒体文章