전화 갭 : 웹보기에서 텍스트 선택 사용 안 함

전화 갭 프로젝트에서 작업 중입니다. HTML, 자바 스크립트 및 CSS를 사용하고 있습니다.전화 갭 : 웹보기에서 텍스트 선택 사용 안 함

내 프로젝트에서 onclick, 매핑 및 ahref 기능을 구현했습니다.이 기능을 onclick 또는 매핑 또는 ahref에 사용하는 동안 이미지 또는 텍스트를 선택하면 강조 표시됩니다.

나는 그것이 highlighted.I이 다음 코드

noSelect 
{ 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -o-user-select: none; 
    user-select: none; 
}

그러나 구현을 시도 얻을 싶지 않아,이 코드는 선택 VIEW의 차이를하지 않았다.

그래서이 문제를 해결하고 내 문제를 해결할 수있는 방법을 제안 해주세요.

편집 :

이 내가 매핑 및 이미지를 사용했지만 그것이 작동하지 않는 방법이다.

매핑

<div id="main" class="main" ><img src="img/abc.png" alt="abc" usemap="#abc" class="noSelectInputBox:focus"/></div>

이미지 소스 당신에 다음 CSS를 추가

document.getElementById("detail").innerHTML = '<img src="img/image1.png" onclick="detail()" class="noSelectInputBox:focus"/> '

출처

2013-05-29 user

시도 : 도움이

noSelectInputBox:focus 
{ 
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    outline:none; 
    -webkit-focus-ring-color:rgba(0 0 0 0); 
}

희망.

출처

2013-05-29 05:38:07 SHANK

감사합니다, 내 질문에 당신의 HTML의 클래스는 noSelectInputBox – user

의 내 편집 된 버전을 확인하십시오, 당신은 내가에게 전화 하나의 클래스 만 말을 의미? – SHANK

생크 할 필요가 – user

귀하의 CSS 파일에 다음 코드를 작성하십시오. 이 기능을 사용하는 동안 터치시 내용을 강조 표시하지 않을 수 있습니다.

*{ 
    /* Prevent any object from being highlighted upon touch event*/ 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

출처

2013-08-30 04:23:54 Anand

전화 갭 : 웹보기에서 텍스트 선택 사용 안 함

답변

관련 문제