Question

我正在开发Laravel应用程序，并试图创建一个填充表格的模式。我在模态内部的选择中添加了eventListener。当我更改select的值并触发eventListener时，控制台将显示以下错误：

[Violation]向滚动阻止的“ mousewheel”事件添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”，以使页面更具响应性。参见https://www.chromestatus.com/feature/5745543795965952

我尝试了许多其他方法来避免这种情况，但是没有任何效果。下面的代码（不知道为什么，但是代码段不起作用）。有人会怀疑为什么会这样吗？

function addFuncionalidade() {
  console.log('updated')
  const value = $("#select-funcionalidade").val()
  console.log(value)
  $('#nome-funcionalidade').val(value)
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/semantic.min.css"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/semantic.min.js"></script>

<div class="ui centered container">
    <button class="ui labeled icon button" onclick="$('#nova-funcionalidade').modal('show')">
        <i class="plus icon"></i>
        Acrescentar funcionalidade
    </button>
        
</div>
<div id="nova-funcionalidade" class="ui tiny modal">
    <div class="header">
        Inserir funcionalidade
    </div>
    <div class="centered scrolling content ui form">
        <div class="ui field">
            <label>Tipo</label>
            <select id="select-funcionalidade" onselect="addFuncionalidade()">
                <option value=1>Test 1</option>
                <option value=2>Test 2</option>
            </select>
        </div>
        <div class="ui field focus">
            <label>Nome</label>
            <input id="nome-funcionalidade" placeholder="Nome da funcionalidade"/>
        </div>
        <div class="ui field">
            <label>Descrição</label>
            <textarea id="descricao-funcionalidade" rows=3></textarea>
        </div>
        <div class="actions">
            <button class="ui cancel button" onclick="$('#nova-funcionalidade').modal('hide')">Fechar</button>
        </div>
    </div>
</div>

JS-[违规]向滚动阻止的“ mousewheel”事件添加了非被动事件侦听器

0 个答案: