.stopPropagation ()이 입력에 배치되어 입력 텍스트를 입력 할 수 없습니다.

debugcn 에 게시 Dev

cxy2176

Datatables를 사용하여 테이블 내의 일부 열에 열 검색을 추가하려고합니다. 테이블의 각 헤더 셀에 검색을위한 입력 필드를 추가하고 있습니다. Datatables는 헤더를 클릭 할 때마다 정렬 방법을 변경하도록 만들었으므로 .stopPropagation헤더 셀의 입력 부분을 클릭 할 때 열의 정렬이 변경되지 않도록 입력 필드에 대한 클릭시 이벤트에 첨부하여 삽입했습니다 . 유일한 문제는 .stopPropagation이 작동하고 정렬에 영향을주지 않지만 입력 필드를 클릭 할 때 필드에 텍스트를 추가 할 수 없다는 것입니다. 내가 뭘 잘못하고 있는지 잘 모르겠습니다. 다음은 코드 스 니펫입니다 (이 코드는 사이트의 각 테이블을 생성하기위한 코드에 있습니다).

var columnsearch = $(this).find('th');
        columnsearch.each(function () {
        var title = $(this).text();
        $(this).append( '<input type="search" placeholder="Search '+title+'" />' );
        })

        var textbox = $(this).find('input')
        textbox.click(function (event) {
            event.stopPropagation();
        })

테이블 헤더 내에있는 열 검색 이미지

cxy2176

몇 가지 조사를 수행 한 후 Chrome 검사기의 Event Listeners 부분을 사용하여 발견 한 결과 열을 재정렬하는 데 사용되는 Datatables, colReorder에서 활성화 한 기능이 충돌 mousedown이벤트로 입력 필드의 기능을 방해하고 있음을 발견했습니다 . 나는 추가했다 :

textbox.mousedown(function(event){
            event.stopPropagation();
        })

열 검색 JS 조각에 문제가 해결되었습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-6

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

.stopPropagation ()이 입력에 배치되어 입력 텍스트를 입력 할 수 없습니다.

.stopPropagation ()이 입력에 배치되어 입력 텍스트를 입력 할 수 없습니다.

webkitRelativePath 데이터를 텍스트 영역에 입력 할 수 없습니다.

GWT-TextArea에 텍스트를 입력 할 수 없습니다.

반응 네이티브에서 텍스트 입력을 입력 할 수 없습니다.

reactjs를 사용하여 입력 텍스트를 입력 할 수 없습니다.

테이블에 텍스트 상자 입력을 추가 할 수 없습니다.

Chrome의 입력 표시 (이미지 및 텍스트 입력)를 어떻게 완화 할 수 있습니까?

phpmyadmin에서 아랍어 데이터를 입력 할 수 없습니다.

필드에 데이터를 입력 할 수 없습니다.

Xming-텍스트를 입력 할 수 없습니다.

Reactjs-텍스트 필드에 입력 할 수 없습니다.

jTextField에서 입력 언어를 변경할 수 없습니다.

Javascript를 사용하여 텍스트 입력에 입력 된 값을 검색 할 수 없습니다.

form_checkbox ()는 생성 된 태그 사이에 텍스트를 입력 할 수 없습니다.

angularjs 1.5.8에서 ui-select에 텍스트를 입력 할 수 없습니다.

Meteor (REACT)-입력 텍스트 값을 업데이트 할 수 없습니다.

특정 요소 ID없이 텍스트 상자에 텍스트를 입력 할 수 있습니까?

입력 상자에서 텍스트를 선택할 수 없습니다.

재료 UI TextField 내부에 텍스트를 입력 할 수 없습니다.

모든 곳에서 텍스트 필드를 입력 할 수 없습니다.

Readline 입력에서 기본 텍스트를 인쇄 할 수 없습니다.

베트남어 (유니 키)를 입력 할 수 없습니다!

DT :: datatable의 텍스트 입력이 바인딩 해제되고 다시 바인딩 할 수 없습니다.

데이터베이스에 데이터를 입력 할 수 없습니다.

Div에서 입력 요소를 중앙에 배치 할 수 없습니다.

파이썬에서 입력 된 텍스트를 어떻게 편집 할 수 있습니까?

InAppBrowser 및 회 전자 로딩 페이지를로드 한 후 입력 필드에 입력 할 수 없습니다

html 텍스트 입력 상자에 텍스트를 입력 할 때 jquery 함수를 어떻게 실행할 수 있습니까?

입력 값을 업데이트 할 수 없습니다 Directus

'|'를 입력 할 수 없습니다. (파이프, 바) 문자