如何在每个对象上执行preventDefault？只有第一个有效
preventDefault()是一个事件方法，用于阻止默认的事件行为。它可以在事件处理程序中使用，以阻止事件导致的默认行为发生。
在每个对象上执行preventDefault()的方法取决于对象的类型。以下是一些常见对象的preventDefault()的用法示例：
- HTML表单元素： 在表单提交时，通过在submit事件处理程序中执行preventDefault()方法来阻止表单的默认提交行为。例如：
- HTML表单元素： 在表单提交时，通过在submit事件处理程序中执行preventDefault()方法来阻止表单的默认提交行为。例如：
- 相关腾讯云产品：无
- 链接元素（a标签）： 在点击链接时，通过在click事件处理程序中执行preventDefault()方法来阻止链接的默认跳转行为。例如：
- 链接元素（a标签）： 在点击链接时，通过在click事件处理程序中执行preventDefault()方法来阻止链接的默认跳转行为。例如：
- 相关腾讯云产品：无
- 按钮元素： 在点击按钮时，通过在click事件处理程序中执行preventDefault()方法来阻止按钮的默认提交行为（如果按钮位于表单内）。例如：
- 按钮元素： 在点击按钮时，通过在click事件处理程序中执行preventDefault()方法来阻止按钮的默认提交行为（如果按钮位于表单内）。例如：
- 相关腾讯云产品：无
- 键盘事件： 在键盘事件（如按下回车键）触发时，通过在keydown或keypress事件处理程序中执行preventDefault()方法来阻止默认行为。例如：
- 键盘事件： 在键盘事件（如按下回车键）触发时，通过在keydown或keypress事件处理程序中执行preventDefault()方法来阻止默认行为。例如：
- 相关腾讯云产品：无
综上所述，preventDefault()方法可以在不同类型的对象上使用，用于阻止它们的默认行为发生。
相关·内容
1回答
我有一个按钮，它创建了一个新的输入字段和一个默认字段。
<div class="container1">
<button class="add_form_field">Add Title</button>
<div class="form-group label-floating">
<input type="text" id="title_name">
</div>
</div>
这是创建新输入字段的
浏览 4提问于2017-05-18得票数 0
1回答
我的html里有四个按钮。
创建机场创建城市创建城市
所有按钮都将对同一个页面进行ajax调用，下面是为其中一个按钮编写的代码。
$('#imgbtnCreateAirport').click(function (event)
{
if($('#hidtext').val()!= 'true')
{
var file = $('input[type=file]').val();
if (!file)
{
$
浏览 1提问于2012-01-31得票数 0
回答已采纳
我在按类获取值方面有问题，我想将类放在类而不是id，因为我没有使用id.how获得所需的结果，我可以使用()获得值吗？我试过了，但没有得到results.if，任何人都有解决方案，那么请帮助并给我解决方案。我将非常感谢。
这是代码
<script type="text/javascript">
浏览 4提问于2022-09-27得票数 0
3回答
这可能是一件微不足道的事情，但我是一个angularjs新手。下面是我的angularjs控制器代码
function MyCtrl1($scope, $location, $rootScope) {
$scope.$on('$locationChangeStart', function (event, next, current) {
event.preventDefault();
var answer = confirm("Are you sure you want to leave this page?");
if (a
浏览 0提问于2013-02-13得票数 2
回答已采纳
很简单，我在弄清楚如何在IE11中模拟/复制preventDefault()的行为时遇到了麻烦。
$(".rateclick").click(function(e){
e.preventDefault();
});
它可以在Chrome和火狐浏览器上运行，但不能在IE11上运行。如何在IE中使用get preventDafult()或等效函数？
谢谢你的帮忙!
浏览 0提问于2014-01-22得票数 2
我只看到下面的代码
function wheel(e) {
preventDefault(e);
}
在此之前，我已经习惯于这样使用：
function wheel(e) {
e.preventDefault();
}
那么，这两者有什么不同？
浏览 0提问于2014-08-11得票数 0
回答已采纳
我正在尝试在标签的单击事件上获取标签标签内的文本。这是我的代码。
import React from 'react';
class Todo extends React.Component {
constructor(props) {
super(props);
this.handleOnClick = this.handleOnClick.bind(this);
}
handleOnClick(e) {
e.preventDefault();
console.log(e.target.
浏览 0提问于2017-09-17得票数 2
这是我的JS。我只是在我的机器上本地运行这段代码，我无法获得要更改的URL。这个有什么问题吗？
$(document).ready(function() {
$('#content').load('content/index.html');
$('ul#nav li a').click(function(e) {
href = $(this).attr("href");
$('#content').load('content/' + h
浏览 1提问于2016-10-02得票数 0
在阅读关于本机拖放事件的教程时，我遇到了一个条件，即在调用e.preventDefault之前检查e.preventDefault()。这个条件可以写成：
e.preventDefault && e.preventDefault();
或
if (e.preventDefault) {
e.preventDefault();
}
教程是雷米夏普的，雷米夏普的和马特韦斯特的。
我以前从未遇到过这种模式。我习惯于看到e.preventDefault()不带条件地被调用。什么时候e.preventDefault会是错误的，在调用e.preventDefault的每个实例中使用这
浏览 8提问于2014-05-05得票数 3
回答已采纳
1回答
我使用的每个比较操作似乎也会比较提交的内容，因此突出显示的一些差异在文本(包括空格)上是相同的，但是不同，因为它们来自与彼此无关的提交。
是否有我可以更改的设置，以使仅提交的差异被忽略，并且只显示文本差异？
显示仅提交的差异的操作：
转到Java视图
右击文件
与“->”分支、标签或参考.比较
选择分支、标记或引用，其中一些差异仅显示为提交。
转到Java视图，右键单击目录“比较”-->分支、标记或引用.“
选择一个分支，标记或引用Eclipse切换到“同步”视图
显示的一些差异仅限于提交。
我使用的是Mars里程碑2 (4.5.0M2)和Egit 3.4.0，但是
浏览 2提问于2015-01-02得票数 1
undefined是如何在javascript中以二进制方式处理的？当我执行(undefined).toString(2)时，它会引发错误。
但当我做的时候
undefined & 0 //returns 0
undefined & 1 //returns 0
undefined | 0 //returns 0
undefined | 1 //returns 1
人们可能会猜测，undefined可能被转换为0。或者还有什么别的事吗？
浏览 5提问于2021-08-29得票数 4
回答已采纳
2回答
是个小摆设
这是我的html
<table id="commentsTable">
<tr>
<td name="userid"> JIM </td>
<td name="comment" id="68" class="commentTD"> something </td>
<td><a class="edit" hr
浏览 8提问于2012-10-10得票数 1
回答已采纳
1回答
我在node.js版本8.9.4上运行了以下javascript代码：
if (/^PROBLEM_(\d+)_YES_(\d+)_$/.test('PROBLEM_5_YES_1_')) {
console.log("Start"); //Start
console.log(RegExp.$2); //
console.log(RegExp.$1); //
console.log("Printed"); //Printed
}
问题是regex测试正在返回true，但是RegExp.$1和$2都是空的。没有捕获值。我做错
浏览 0提问于2018-11-22得票数 1
回答已采纳
2回答
我有一个简单的游戏，其中包括2个表面上，我blit精灵。一个I blit小方块你的角色应该跳过，第二个是我blit我的角色精灵到的表面。我想做一个碰撞检测，它只检测表面上我的角色没有打开的物体，如果这有意义的话。所以基本上可以把它想象成两层，第一层有障碍物，第二层有我的性格。我希望它只检测第一层上的精灵作为障碍物。有没有办法做到这一点？
浏览 1提问于2011-03-09得票数 1
回答已采纳
2回答
有没有办法只在一个事件(由另一个未知函数)调用event.preventDefault()时才运行函数？这是一个jQuery插件，所以我不知道页面的其他部分可能在做什么。我试过了：
Event.test = Event.preventDefault;
Event.preventDefault = function () {
alert('Success');
this.test();
}
但它不起作用。只是行为正常，没有错误。
相反，我也想要相反的.仅在未调用event.preventDefault()时调用函数。实际上，将函数添加到事件的默认操作。有什么想法吗
浏览 0提问于2010-11-26得票数 4
回答已采纳
考虑到事件触发器上的这两个jquery
$(document).on("click", "a[data-trigger='colorbox']",function(e){
$("a[data-trigger='colorbox']").on("click",function(e){
在使用第一个颜色框之前，我不得不点击两次锚标签。对于随后的点击，它不需要第二次点击来触发。但是对于第二个，颜色盒是在第一次点击的时候触发的。这两者有什么区别吗？
函数的内容如下
e.preventDefault();
浏览 4提问于2013-04-29得票数 3
4回答
我有一个weka模型存储在S3中，大小约为400 of。现在，我有一些记录，我想运行模型并执行预测。
对于预测，我尝试的是，
下载驱动程序上的模型并将其作为静态对象加载，并将其广播给所有执行者。对预测RDD执行映射操作。
下载并加载驱动程序上的模型作为静态对象，并在每次映射操作中将其发送给executor。
下载驱动程序上的模型，并将其加载到每个执行器上，并在那里缓存它。(不知道怎么做)
有人知道如何在每个执行器上加载模型一次并缓存它，以便其他记录不再加载它吗？
浏览 0提问于2016-10-13得票数 31
1回答
我正在尝试扩展已找到的代码；我希望有几个被放入的框，并使用该框的id来对文件进行排序，具体取决于它们放在哪个框中。
我添加了第二个框，添加了类，并更改了ID：
<div class="DropBox" id="Box1">Drag & Drop Files Here</div>
<div class="DropBox" id="Box2">Drag & Drop Files Here</div>
我将文件上传更改为使用id：
function handleFileUp
浏览 3提问于2017-05-18得票数 0
回答已采纳
5回答
我有以下DOM树的代码：
<div id="blogPagination">
<div class="pagination">
<ul>
<li>
<a href="/2" >1</a>
</li>
<li>
<a href="/3" >2</a>
浏览 2提问于2013-08-11得票数 33
回答已采纳
我有一个带有2个选项卡的jQuery选项卡元素。每个选项卡上都有一个窗体，分别有自己的操作页。
我还有JavaScript代码，它可以防止默认的页面刷新，并将数据发布到操作页面。
我的表单上的第二个选项卡有多个由CFLoop创建的唯一表单元素。我使用它从数据库中删除特定的记录。但是，当我提交表单时，操作页上的查询会抛出一个错误。我可以在Firebug中看到错误，但在屏幕上看不到(如果有人知道如何更详细地查看ColdFusion错误代码，这将是有帮助的)：
500 (执行数据库查询时出错)
我以隐藏表单字段的形式将记录ID传递给actionpage上的查询。我需要用jQuery做这件事，有什么不
浏览 1提问于2014-04-08得票数 1
回答已采纳
这里真的需要一些JQuery帮助。我要把我的笔记本电脑从窗户开出去。我用这段代码已经走了很长一段路了，我想我快到了，但是我被困在了最后一个障碍上。
我只打算在这里包含相关的代码片段，因为它是一个非常大的部分。
我有一个模拟太阳系的导航菜单。这是链接到更大的外部部分，如果你想看到整个事情。 (请注意这主要使用CSS3)。
我有一个nav菜单，当您单击nav菜单中的值时，当前脚本会分配一个active类。一切都很完美。我在一个按钮中构建了一个按钮，以测试单击时的活动状态，状态更改正在工作。但我需要它来回应悬停状态的变化。我不是JQuery人，我在学习。悬停似乎不起作用，因为它响应页面加载时加载的数
浏览 3提问于2014-08-11得票数 1
回答已采纳
请问，为什么这段代码在Firefox中不起作用？
var path = 'http://www.facedabeauty.com.br/teste/0/display/'
var i = 2;
$('.gallery a').click(function(){
event.preventDefault();
$('.lightbox').removeClass('preloader').fadeIn();
$('.display').html('<img src="
浏览 0提问于2013-01-18得票数 0
关于 我正在尝试通过以下方式在LocalStorage中保存项目： document.querySelector('form').addEventListener('submit', function(e){
e.preventDefault();
let input = document.getElementById('task').value;
let tasks;
if(localStorage.getItem('tasks') === null) {
tasks = [];
浏览 27提问于2019-10-13得票数 0
我尝试分配一个对象，以便进一步处理jQuery，但它不起作用。下面是我的代码：
$('.var').on('click', function () {
console.log($(this));
sessionStorage.setItem('object', JSON.stringify($(this)));
console.log(JSON.parse(sessionStorage.getItem('object')));
}
两个控制台日志的值不同。为什么？
第二个例子：
$('.var').on
浏览 3提问于2015-08-20得票数 0
1回答
我正在创建一个调查生成器。我希望能够向动态生成的表单添加多项选择答案。如下图所示。
目前，添加问题和删除问题效果很好。问题是，添加和删除答案只适用于第一个问题。
下面是我的html部分和脚本：
@extends('app')
@section('content')
{!! Form::model($survey = new \App\Survey, ['url' => 'surveys']) !!}
<h1 style="text-align:center">Cre
浏览 2提问于2015-06-10得票数 1
7回答
我有一个if语句，它必须为每个条件调用函数checkEmpty()。
function checkFormFilled(evt){
var isFilled;
if(checkEmpty('id1', 'class1') && //condition 1
checkEmpty('id2', 'class2') && //condition 2
checkEmpty('id3', 'class3') && //
浏览 1提问于2017-02-21得票数 0
2回答
我知道SHELL允许变量赋值发生在命令之前，这样IFS=":" read a b c d <<< "$here_string"就可以工作.
我想知道的是，当使用复合语句(如循环)时，这样的赋值是否有效？我尝试了类似于IFS=":" for i in $PATH; do echo $i; done的方法，但是它会导致语法错误。我总是可以做一些类似oldIFS="$IFS"; IFS=":"; for....; IFS="$oldIFS"的事情，但我想知道是否有任何方法可以让这样的内联
浏览 0提问于2020-08-16得票数 6
回答已采纳
2回答
我有一个带有3个输入按钮的表单，我想在这些按钮上添加listenner；但是只有submit和reset才能工作，而不是按钮。我不明白怎么回事
Html侧
<form id="form_infos">
<input type="submit" value="Enregistrer" class="btn btn-success" />
<input type="button" value="Copier" class="btn btn-succe
浏览 0提问于2018-06-21得票数 0
回答已采纳
我需要下面的代码写在一行上。在我看来很难看：
@photos = []
@vehicle.photos.each { |p| @photos << view_context.present(p) }
我该怎么做？
浏览 2提问于2014-04-17得票数 1
回答已采纳
2回答
<script>
var ohnoesEl = document.getElementById("ohnoes");
var onOhNoesClick = function(e) {
e.preventDefault();
var audioEl = document.createElement("audio");
audioEl.src = "https://www.kasandbox.org/programming-sounds/rpg/giant-no.mp3";
浏览 1提问于2018-03-06得票数 0
上面的小提琴是我的代码的一个简化版本，只是为了突出这个问题(尝试将一个文件拖放到窗口中)。基本上，webkitGetAsEntry().file()不允许我写入其作用域以外的任何内容，但是，如果您拖动一个文件，然后手动执行console.log(fileList) (但是，jsfiddle阻止了这一点)，那么它工作得很好。任何帮助都将不胜感激，谢谢！
upload.js
function Upload() {
_this = this;
this.fileList = 'no file';
this.fire = function(droppedFiles) {
f
浏览 2提问于2013-06-09得票数 3
回答已采纳
mysqlword="wwww"
old="xxxx"
new="yyyy"
mysqldump $old -u root -p$mysqlword | mysql $new -u root -p$mysqlword
现在，新的数据库像旧数据库一样被克隆。当进入mariadb终端时，我可以使用一些命令来克隆数据库吗？
mysql -u root -pwwww
Welcome to the MariaDB monitor. Commands end with ; or \g.
Your MariaDB connection id is
浏览 0提问于2018-04-26得票数 0
回答已采纳
2回答
我有个问题。我有一个函数dropcopy()，它为拖放调用div。
function dropcopy(ev) {
ev.preventDefault();
elencoOggetti = new Array();
var copyimg = document.getElementById(data).cloneNode(true);
//copyimg.id = data;
ev.target.appendChild(copyimg);
}
此函数复制对象，但不复制侦听器。听众是这样的
$("#filtro").click(functio
浏览 3提问于2016-02-15得票数 0
回答已采纳
1回答
我正在从事一个小规模的API项目，但是由于它将被非软件工程师使用和维护，所以我试图尽可能地保持设计的独立性和可识别性，使用SOLID使这更容易。
但是，我的一些对象需要更改(比如“已激活”)，这反过来又会使另一个“活动”对象被禁用。这只是对象的一个属性。这要求我仍然了解所有的对象，即使它们已经返回给用户。
所以我想我可以使用一个“objects”来存储在对象被实际返回给系统用户之前创建的对象，但是我不知道在我创建对象的模式中它在哪里。我在下面添加了一个图像，显示了如何在我的解决方案中创建对象。
📷
因此，在我的解决方案中，控制器获得了构建对象的必要属性(这可能包括外部接口，但我忽略了这个图表)
浏览 0提问于2015-10-01得票数 1
回答已采纳
我有一段简单的代码，由于某种原因，它可以在所有浏览器上运行，但Mozilla除外。
这是我的HTML：
<img src="{{#asset}}menu_button.svg{{/asset}}" id="menu_button"></img>
<img src="{{#asset}}exit.svg{{/asset}}" id="exit"></img>
这是我的代码：
$(document).ready(function(){
$("#menu_button
浏览 4提问于2014-04-05得票数 0
回答已采纳
1回答
我的网站允许用户记录画布，同时也可以在画布上绘画。如果用户开始记录画布，也开始在画布上绘制画布上的绘图，它将开始滞后。我被告知多线程web工作者应该能够解决这个问题。然而，我不确定我应该如何开始。
有谁能给我带路吗？我应该在postmessage/onmessage中放什么？
var recordUrl;
var audioUrl;
var audioStream;
var audiorecorder;
var elementToShare = document.getElementById("elementToShare");
var recorder = RecordRTC
浏览 0提问于2015-11-16得票数 1
1回答
我想要两个按钮触发各自的覆盖内容(居中，垂直和水平)，但保持覆盖布局相同，只有内容是不同的。我为一个按钮写了一个很好的功能单一的覆盖脚本，但是这两个按钮不起作用。在小提琴中，只有我正在使用的一个按钮的脚本，它非常简单。
这里是小提琴：
function funcShow(event){
event.preventDefault();
$('.overlay-info').fadeIn(400);}
function funcClose(event){
event.preventDefault();
$('.overlay-info').fadeOut(400)
浏览 1提问于2014-10-31得票数 0
2回答
我有这样的代码：
<script>
$(document).ready(function () {
$('#lnk').click(function(e) {
e.preventDefault();
url = $(this).attr('href');
$("#content").load(this.href);
});
});
</script>
<a href="http://google.com" id="lnk
浏览 0提问于2012-07-25得票数 0
回答已采纳
相关问题
Override - - Listen
我正在尝试创建一个帮助人们为LUAMacros构建宏的网页。其中一部分是解释浏览器中的按键，这些键可能会触发浏览器快捷键。
<script>
document.body.addEventListener('keydown', (event) => {
event.preventDefault();
});
</script>
这将阻止浏览器响应内置的快捷方式。但是，也可以防止角分量听到按键。
@H
浏览 3提问于2020-04-21得票数 2
2回答
这是可重用函数中的绑定吗？
、、、、
我已经把一个小脚本放在一起，作为一个更大的测试项目的一部分，我很难理解为什么在调用函数之前在函数中设置this关键字。这是我的代码：
$(document).ready(function ($) {
function nextCard() {
console.log('yes');
$(this).closest('.card').hide();
$(this).parent().next().show();
}
$("#start").on('clic
浏览 3提问于2017-07-20得票数 2
回答已采纳
我想在提交时在localstorage中存储多个输入字段表单数据，单击并在另一个组件中显示。 <code>
handleSubmit = (event) => {
event.preventDefault();
console.log(this.state);
if (formValid(this.state)) {
console.error("Form is valid");
localStorage.setItem("userSubmit", ...this.state);
}
浏览 42提问于2020-09-14得票数 0
回答已采纳
我试图阻止用户在React Native中录制视频时通过Android后退按钮或手势返回。根据React导航的，它应该由beforeRemove事件侦听器处理。但是当返回时，事件永远不会被触发。
我尝试使用blur，它被触发了，但是因为这个事件没有preventDefault()方法，所以在这个场景中它是不可用的。
React导航- v5.x
React Native - 0.63.2
以下是我试图实现的屏幕的示例代码
const VideoCapturePage = ({navigation}) => {
const [isRecording, setIsRecording] =
浏览 3提问于2020-08-12得票数 6
2回答
父组件是一个标头。
子组件是一种表单，用于更改在保存后出现在标题中的值，该保存会触发一个redux操作。
我将儿童状态设置为
constructor(props) {
super(props);
this.state = {
object: { ...props.object },
hidden: props.hidden,
};
}
该表单用于呈现state.object和修改state.object。当我修改state.object时，来自父组件的道具也会发生变化。
handleObjectChange = (event, key, subk
浏览 3提问于2017-07-26得票数 2
回答已采纳
我将在分支A上创建一个git分支B。
$git checkout A
$git checkout -b B
我在分支B中更改了一些文件，然后
$git add <files>
$git commit -m "a message"
然后在分支B处于活动状态时创建标记
$git tag -a <tag_name>
我还在本地。
然后我结帐A分店
$git checkout A
将分支B合并为A
$git merge B
我推送分支A
$git push origin A
然后我推送标签，而我还在分支A中
$git push origin tag <ta
浏览 7提问于2020-12-16得票数 2
当我们输入解释器时，如下所示：
10(b)
我们得到一个没有定义b的NameError。然而，当我们尝试：
10(4)
现在，我们得到了int不可调用的错误消息。为什么Python在上面的第一个例子中没有给出同样的错误，因为即使在那里，int也不能调用？换句话说，在第一个片段中，我们有两个错误："int not callable“和"NameError”。如果Python从左向右扫描，它将首先看到在int (10)上执行的调用操作。因此，对于第一个错误，它也应该给出"int not callable“错误。为什么不呢？
我认为这可能是因为它首先计算括号内的表达式。然而，
浏览 0提问于2019-01-12得票数 5
回答已采纳
我有一个带有“看着我的鼠标”的物体的第三场景。这很好，我正在使用光线投射来获得鼠标的位置，如下所示：
this.intersectionPlane = new THREE.Plane(new THREE.Vector3(0, 0, 1), 10);
this.raycaster = new THREE.Raycaster();
this.mouse = new THREE.Vector2();
this.pointOfIntersection = new THREE.Vector3();
在mouse-move事件i lookAt上，pointOfIntersection向量和对象旋转。这个效
浏览 10提问于2022-07-01得票数 1
回答已采纳
当使用jquery加载页面时，如何将焦点移到页面上的第一个链接。
Hele是我的代码：
var url, title;
$(document).ready(function (){
$("a").each(function() {
url = $(this).attr("href");
title = $(this).attr("title");
for (var i = 0; i < url.length; i++) {
浏览 0提问于2016-11-19得票数 0
2回答
我正在尝试从导入文件创建一个列表，但无法使其正常工作。
import csv
fileName = "/home/bluebird/Desktop/Deck"
# the file is this
# A,A,@,@,$,$,&,&,!,!,H,H,Z,Z,W,W
f = open(fileName, 'r')
reader = csv.reader(f)
allRows = [row for row in reader]
print(allRows)
size = len(allRows)
print(size)
我得到的结果是：
[[&
浏览 0提问于2017-11-01得票数 2
1回答
有人能解释一下元素的'onlick‘属性是如何工作的概念，当它被赋值给一个函数时，与它的语法有关，以及它的实现是从哪里继承的。
const FOO = document.querySelector('.bar');
FOO.onclick = function (e) {
e.preventDefault();
console.log('button clicked');
}
一个令人困惑的地方是关于浏览器如何知道(在实现中)将onclick属性视为单击事件。
将一个元素的onclick属性分配给一个函数是如何使该元素能够监听单击事件的-
浏览 12提问于2018-08-03得票数 0
回答已采纳
2回答
我正在学习一些关于React/Redux的教程。我不清楚的部分是输入表格。我的意思是如何处理更改以及如何管理状态--这是一个非常简单的表单，只有一个字段。
export default class UserAdd extends React.Component {
static propTypes = {
onUserSubmit: React.PropTypes.func.isRequired
}
constructor (props, context) {
super(props, context);
this.state = {
name: t
浏览 2提问于2016-07-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
