相关疑难解决方法(0)

jQuery - 如何在事件触发后暂时禁用onclick事件侦听器?

事件被触发后,如何暂时禁用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)

非常感谢,

阿尔

javascript ajax jquery events onclick

37
推荐指数
3
解决办法
8万
查看次数

如何组合游标:not-allowed和pointer-events:none;

如何组合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)

小样本,请看看第四个按钮光标:不允许没有看按钮,但显示一个看起来的图标.

css cursor css3

13
推荐指数
1
解决办法
1万
查看次数

如何在禁用复选框上检测.click()

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中发生一些事情?

javascript jquery

10
推荐指数
2
解决办法
1万
查看次数

javascript启用双击输入

我有一个禁用了一些输入的表单.我希望双击时启用这些输入.不幸的是,JS事件似乎不会触发残疾人输入.

<input type="text" value="asdf" disabled="disabled" ondblclick="this.disabled=false;">?
Run Code Online (Sandbox Code Playgroud)

有没有解决这个限制的方法?

或者我只是要在一个范围内包装任何受影响的输入来容纳事件?

http://jsfiddle.net/vhktx/

html javascript forms

9
推荐指数
2
解决办法
3万
查看次数

在输入字段中选择文本,但禁用编辑

我有一个简单的txt输入字段:

<input type="text" name="" value="http://google.com" />

如果我在输入内部单击,我想选择文本.这部分很好用:

$( 'input.highlight').点击(函数(){

$(本).focus()选择().

返回false;

});

但是,我也想禁用编辑.如果我把假回报; 到keydown事件,ctrl + c不起作用.如果我将disabled ="disabled"设置为输入,则select不起作用.

任何的想法?谢谢.

jquery select input

6
推荐指数
1
解决办法
5079
查看次数

单击(禁用)输入未在Mozilla上触发

当我点击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:已经尝试过在它周围放一个包装器.我只希望得到所需的输入

javascript jquery

5
推荐指数
1
解决办法
623
查看次数

禁用输入上的OnClick事件

  • 我需要onclick<input>禁用的标签上有一个事件.
  • 这里的onclick活动不起作用.
  • 有没有其他方法可以使用onclick基于id的禁用输入事件?
  • 我试过下面的代码.
  • 第一次input工作,但我需要像第二次一样工作.(我需要调用功能Clickedinput只).
  • 提前致谢..

我的代码:

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)

html javascript html5 javascript-events

5
推荐指数
1
解决办法
5061
查看次数

AngularJS + Bootstrap-UI:禁用按钮时启用按钮上的工具提示

请在这里查看我的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上使用工具提示,但仍然没有运气,如示例中所示.

此工具提示可以使用,但我不能在我正在使用的应用程序中使用它.

任何帮助将不胜感激.

angularjs angular-ui-bootstrap

5
推荐指数
1
解决办法
6881
查看次数

如果子元素被禁用,Click 事件监听器将不起作用

目标

我希望即使子元素被禁用,父元素也可单击。

示例代码

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 操作系统。

提前致谢!

html javascript addeventlistener

5
推荐指数
1
解决办法
125
查看次数

ng-click 不适用于子输入标签(mozilla firefox)

<div ng-click="hello()">
    <input type="password" disabled>
</div>
Run Code Online (Sandbox Code Playgroud)

我有上面的 HTML 脚本。

父div有点击功能。当我在 Firefox 中单击子输入标记时,父级的单击事件不起作用,但在 chrome 中它工作正常。从输入标签中删除禁用将使其在 mozilla 上正常工作,但是我需要禁用此输入标签。

如何使其在 Firefox 上工作而不消除输入标记中的禁用

html javascript css jquery mozilla

3
推荐指数
1
解决办法
730
查看次数