事件被触发后,如何暂时禁用onclick事件监听器(jQuery首选)?
例:
用户单击按钮并在下面触发此函数后,我想禁用onclick侦听器,因此不会向我的django视图发出相同的命令.
$(".btnRemove").click(function(){
$(this).attr("src", "/url/to/ajax-loader.gif");
$.ajax({
type: "GET",
url: "/url/to/django/view/to/remove/item/" + this.id,
dataType: "json",
success: function(returned_data){
$.each(returned_data, function(i, item){
// do stuff
});
}
});
Run Code Online (Sandbox Code Playgroud)
非常感谢,
阿尔
如何组合CSS游标:not-allowed和pointer-events:none; 不允许似乎没有出现
.cursor-default { cursor: default; }
.cursor-not-allowed { cursor: not-allowed; }
.pointer-events-none { pointer-events: none; }Run Code Online (Sandbox Code Playgroud)
<button class="cursor-default">cursor-default</button>
<button class="cursor-not-allowed">cursor-not-allowed</button>
<button class="pointer-events-none">pointer-events-none</button>
<button class="cursor-not-allowed pointer-events-none">cursor-not-allowed + pointer-events-none</button>Run Code Online (Sandbox Code Playgroud)
小样本,请看看第四个按钮光标:不允许没有看按钮,但显示一个看起来的图标.
JS/jQuery的:
$('input[type=checkbox]').click(function(){
// Does not fire if I click a <input type="checkbox" disabled="disabled" />
});
Run Code Online (Sandbox Code Playgroud)
当有人点击禁用的复选框时,如何在jQuery中发生一些事情?
我有一个禁用了一些输入的表单.我希望双击时启用这些输入.不幸的是,JS事件似乎不会触发残疾人输入.
<input type="text" value="asdf" disabled="disabled" ondblclick="this.disabled=false;">?
Run Code Online (Sandbox Code Playgroud)
有没有解决这个限制的方法?
或者我只是要在一个范围内包装任何受影响的输入来容纳事件?
我有一个简单的txt输入字段:
<input type="text" name="" value="http://google.com" />
如果我在输入内部单击,我想选择文本.这部分很好用:
$( 'input.highlight').点击(函数(){
$(本).focus()选择().
返回false;
});
但是,我也想禁用编辑.如果我把假回报; 到keydown事件,ctrl + c不起作用.如果我将disabled ="disabled"设置为输入,则select不起作用.
任何的想法?谢谢.
当我点击Chrome上的已禁用输入时,它会给我提供所需的结果,但由于禁用了类,因此在Mozilla中,它不会呈现任何内容.我该怎么做才能让它发挥作用?
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".divclick").click(function(){
alert("jsk");
});
});
</script>
</head>
<body>
<div class="divclick" height="100px" width="100px" style="background:red;">
<input type="text" disabled>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
Ps:已经尝试过在它周围放一个包装器.我只希望得到所需的输入
onclick在<input>禁用的标签上有一个事件.onclick活动不起作用.onclick基于id的禁用输入事件?input工作,但我需要像第二次一样工作.(我需要调用功能Clicked上input只).我的代码:
function Clicked(event)
{
alert(event.id)
}
function ClickedDisabled(event)
{
alert(event.ids)
}Run Code Online (Sandbox Code Playgroud)
<input type="text" id="ID" onclick="Clicked(this)" />
<input type="text" id="IDs" onclick="ClickedDisabled(this)" disabled />Run Code Online (Sandbox Code Playgroud)
请在这里查看我的jsfiddle代码 http://jsfiddle.net/695qtssv/2/
如何在禁用时显示工具提示按钮?
HTML
<div class="panel panel-default">
<div ng-repeat="item in itemDetails" tooltip="{{item.name + (isDisabled(item.name)?' is not available' : '')}}">
<button ng-disabled="isDisabled(item.name)" class="btn btn-primary" ng-click="select(item)">{{item.name}}</button>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
JS:
var myApp = angular.module('myApp', ['ui.bootstrap']);
function MyCtrl($scope) {
$scope.myModel = "Tooltip only works when input is enabled.";
$scope.isDisabled = false;
}
Run Code Online (Sandbox Code Playgroud)
我已经尝试在包含按钮的div上使用工具提示,但仍然没有运气,如示例中所示.
此工具提示可以使用,但我不能在我正在使用的应用程序中使用它.
任何帮助将不胜感激.
目标
我希望即使子元素被禁用,父元素也可单击。
示例代码
const parent = document.getElementById('parent');
parent.addEventListener('click', (e) => {
console.log('hello world')
}, true);Run Code Online (Sandbox Code Playgroud)
<div id="parent">
<input disabled placeholder="foo">
</div>Run Code Online (Sandbox Code Playgroud)
重要的提示
@Drag13 向我指出它可以在Chrome 96. 它不适用于Firefox 95.0Linux 操作系统。
提前致谢!
<div ng-click="hello()">
<input type="password" disabled>
</div>
Run Code Online (Sandbox Code Playgroud)
我有上面的 HTML 脚本。
父div有点击功能。当我在 Firefox 中单击子输入标记时,父级的单击事件不起作用,但在 chrome 中它工作正常。从输入标签中删除禁用将使其在 mozilla 上正常工作,但是我需要禁用此输入标签。
如何使其在 Firefox 上工作而不消除输入标记中的禁用