在 [for="description"]' 上点击不起作用

Question

我正在尝试如果标签具有 for="description" 属性，点击时应该关注另一个元素。

我试过跟随，但没用。这是否有可能获得属性上的点击事件。或者还有什么其他可能实现这一目标？除了添加 class 或 id.

$('[for="description"]').on('Click', function() {
    console.log('test');
    alert('test');
});

Answer 1

首先，事件名称是 click - 注意小写字母 c。其次，console 不是 jQuery 对象的属性 - 它在 window 对象上。试试这个：

$('[for="description"]').on('click', function () {
    console.log('test');
    alert('test');
});

on click should focus an other element

如果您提供的 input、textarea 或 select 元素的 id 属性与label。

Updated fiddle

Answer 2

你打错了：是 .on("click") 不是 .on("Click")。另外 $('.nicEdit-main').console.log('test'); 控制台不是 jquery 对象的属性。

Answer 3

您需要防止点击带有 for 属性集的标签的默认行为：

$(document).ready(function () {
    $('[for="description"]').on('click', function (e) {
        e.preventDefault();
        $('.nicEdit-main').focus();
    });
});

但问题是，为什么首先要设置 for 属性？请改用任何自定义属性，例如：data-for

Answer 4

您在 Click 事件关键字中有错字。它应该小写。看这段代码：

$('[for="description"]').on('click', function () {
    alert('test');
});

否则，您还没有定义具有 class 名称的元素 nicEdit-main。

在 [for="description"]' 上点击不起作用

On [for="description"]' click not working

html

javascript

jquery

event-handling

Demo