通过以下代码,我希望仅在onblur事件不是由于提交按钮上的"ONCLICK"引起时,才会在元素id ="eg1"的"ONBLUR"上"DO SOMETHING".
$(document).ready(function() {
$('#eg1').blur(function() {
if(!($("#SubmitBut").click())) {
//do something
}
});
});
Run Code Online (Sandbox Code Playgroud)
对于Eg:如果用户更改"eg1"文本字段的值并单击下一个文本字段,则必须运行DO SOMETHING代码,但是如果用户更改"eg1"字段的值,然后单击SUBMIT按钮,然后DO SOMETHING代码不能运行.
这是正确的方法吗?请指导.
我有一个包含自定义下拉菜单的输入。当您单击菜单项时,它应该将输入值设置为该项目的文本。我还希望菜单在输入失去焦点时隐藏。这产生了一个问题,点击菜单项会使输入失去焦点并在菜单项的单击事件可以运行之前隐藏菜单。我该如何解决?
$(document).on('click', '#inputMenu li', function (e) {
$('#input').val($(this).text());
$('#inputMenu').removeClass('active');
e.preventDefault();
return false
});
$('#input').on('focusout',function(e) {
$('#inputMenu').removeClass('active');
});
$('#input').on('input',function(e) {
$('#inputMenu').addClass('active');
});
Run Code Online (Sandbox Code Playgroud)
#inputMenu {
display: none;
}
#inputMenu.active {
display: block;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="input" type="text" placeholder="type something">
<ul id="inputMenu">
<li>Click me to set text 1</li>
<li>Click me to set text 2</li>
<li>Click me to set text 3</li>
<li>Click me to set text 4</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我在html中使用php代码打印一些内容但是,当我试图点击那个div时它没有调用onClick中的函数?
这是我的PHP代码
echo '<div class="col-sm-12 col-xs-12 " ><div class="row ">';
echo '<div class="col-sm-10" onClick="openUrlInNewTab("'.$myarray['Job']['link'].'");"><h3>';
echo $myarray['Job']['title']."</h3></div></div></div>";
Run Code Online (Sandbox Code Playgroud)
这是在浏览器的"查看源"中生成的html代码
<div class="col-sm-12 col-xs-12 ">
<div class="row " >
<div class="col-sm-10 " onClick="openUrlInNewTab("www.example.com");" >
<h3>Can you Code? </h3>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我在html页面中的功能
function openUrlInNewTab(url) {
// div click is not reaching here
alert(url);
window.open(url, "_blank");
}
Run Code Online (Sandbox Code Playgroud) 我正在研究具有自动完成功能的搜索组件,但遇到了一些奇怪的行为。该组件由一个输入 ( SearchInput
) 和一个预输入结果列表 ( SearchResultWrapper
) 组成。
单击预先输入的结果应SearchInput
使用选定的结果填充该字段并隐藏预先输入的结果。失去对领域的关注也应该隐藏结果。
示例代码可以在这里找到:https : //jsfiddle.net/chez/h22qfx45/。
当您在closeResults
负责更改组件状态以隐藏预输入结果的函数中进行注释时,问题就出现了。当此代码被激活时,React 不再选择的onClick
处理程序SearchResult
。
显然我在这里遗漏了一个基本概念。由于SearchResult
组件是隐藏的,React 是否会断开其事件侦听器与组件的连接?
我正在尝试通过覆盖PaperComponent
道具向 Material UI 自动完成纸添加一个按钮,并在纸的按钮处添加一个按钮,但单击该按钮会自动关闭自动完成搜索结果
如何防止自动完成搜索结果 Paper 在点击时关闭
这是一个沙箱:https : //codesandbox.io/s/material-demo-mxjyi
更新:我没有注意到沙箱没有保存,现在你可以看到问题了
javascript ×3
jquery ×2
onclick ×2
reactjs ×2
events ×1
html ×1
material-ui ×1
onblur ×1
php ×1