pointer-events: none; 无效

pointer-events: none; 是CSS属性，用于禁用元素对鼠标事件的响应。当一个元素设置了pointer-events: none;，它将无法接收鼠标事件，包括点击事件、鼠标移入移出事件以及CSS的hover效果。

以下是一个示例，展示了当元素设置了pointer-events: none;时，鼠标事件将无效化：

<style>
    .box {
        width: 200px;
        height: 200px;
        background-color: red;
        pointer-events: none;
    }
</style>

<div class="box"></div>

在上面的示例中，我们创建了一个宽高为200px的红色方块，并将其设置为pointer-events: none;这意味着无论我们如何点击或将鼠标移入移出该方块，都不会触发任何鼠标事件。

相关问题

如何获取option的值 var headTd = $("<td class='group' dataid='" + jsonobj[i].ID + "' />").attr("id", (i + 1).toString()); $(headTd).append($("<span class='groupname' />").text("条件组" + (i + 1).toString())); $(headTd).append("<span class='remove'>×</span>"); $(headTd).append("<span class='cancel hidden' id='cancel'>取消</span>"); $(headTd).append("<span class='edit'>编辑</span>"); $(headTd).append("<select class='is_del' id='isDel' style='pointer-events:none;'><option value='0'>有效</option><option value='1'>无效</option> </select>"); $(headTd).find("select option[value='" + is_del + "']").attr("selected", "selected"); $(headTd).append("</td>"); $(".filterlist .rowheading").append(headTd);

要获取select的值，可以使用jQuery中的.val()方法，如下所示：

var selectVal = $(headTd).find(".is_del").val();

这将返回选中的option元素的value属性值。在这个例子中，它将返回"0"或"1"，取决于哪个选项被选中。

el-table 里的el-checkbox点击无效

在Element UI的表格组件`el-table`中，如果`el-checkbox`的点击事件无效，可能是由于以下几个原因：

1. 组件绑定的事件处理函数未正确设置：确认你在`<el-table>`或其行`<el-table-row>`标签上是否绑定了`@selection-change`或`@row-click`等事件，并且这个事件处理函数内部对`el-checkbox`进行了操作。

2. 数据绑定错误：检查`el-checkbox`是否正确地关联到数据，比如在`row-key`属性或模板中，`v-model`指令对应的值应该是可以触发状态改变的对象。

3. 表格的`selection-multiple`或`select-on-indeterminate`属性影响：如果设置了多选模式并且想要单选效果，可能需要调整这两个属性。

4. 禁止了默认事件：有些情况下，如果给`el-checkbox`添加了阻止冒泡的`stopPropagation()`方法，也可能导致点击失效。

5. 特殊情况下的样式覆盖：如果CSS中有阻止点击穿透的样式规则，例如设置了`pointer-events: none`，需确保这不是问题所在。