js:取消事件的默认行为
2017-05-01 23:17
225 查看
2017年5月1号:
当我们使用表单的时候,肯定会使用到这么一句话:
<input type="submit" class="button" />
是的,这句话的作用就是提交表单,但是如果我们想要取消点击按钮后的默认行为呢?这时候我们需要的是去设置取消他的默认行为
document.querySelector("input.button").addEventListener("click", function(e) {
var event1 = e || event;
event1.preventDefault();
});
用e||event的作用是兼容问题,就这么简单
当我们使用表单的时候,肯定会使用到这么一句话:
<input type="submit" class="button" />
是的,这句话的作用就是提交表单,但是如果我们想要取消点击按钮后的默认行为呢?这时候我们需要的是去设置取消他的默认行为
document.querySelector("input.button").addEventListener("click", function(e) {
var event1 = e || event;
event1.preventDefault();
});
用e||event的作用是兼容问题,就这么简单
相关文章推荐
- js取消事件冒泡和阻止事件的默认行为(兼容写法)
- js取消按键事件的默认行为
- js取消事件冒泡和阻止事件的默认行为(兼容写法)
- js取消气泡事件、阻止浏览器的默认行为
- JS 传播事件、取消事件默认行为、阻止事件传播
- JS 传播事件、取消事件默认行为、阻止事件传播
- 一个取消事件的简单js例子(事件冒泡与取消默认行为)
- JS传播事件、取消事件默认行为、阻止事件传播详解
- JS取消事件的默认行为和取消冒泡
- event.preventDefault() 取消事件的默认行为
- jquery取消事件冒泡和取消默认行为
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- flex中event.preventDefault()方法取消事件的默认行为
- 阻止事件(取消浏览器对事件的默认行为并阻止其传播)
- JQuery事件e参数的方法preventDefault()取消默认行为
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载
- 阻止事件(取消其默认行为并阻止其传播)
- flex中event.preventDefault() 取消事件的默认行为
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)