>웹 프론트엔드 >JS 튜토리얼 >텍스트 이모티콘을 Images_javascript 기술로 교체하려면 교체를 영리하게 사용하세요.

텍스트 이모티콘을 Images_javascript 기술로 교체하려면 교체를 영리하게 사용하세요.

WBOY
WBOY원래의
2016-05-16 16:52:081961검색

웨이보나 포럼에서 흔히 볼 수 있는 효과입니다. 이모티콘을 선택하여 텍스트 필드에 삽입하면 [ㅋㅋㅋ]와 같은 문자열이 표시됩니다. 다음은 이모티콘 문자열을 그림 이모티콘으로 변환하는 방법입니다

코드 복사 코드는 다음과 같습니다.
abc

코드 복사 코드는 다음과 같습니다.
varface ={'[하하]': '','[땀]':''} //완전한 qq 표현식을 보려면 이 기사의 끝 부분을 참조하세요.

var reg = /[. ?]/g;

var str = '[haha]abc[sweat][ Sweat]'; //여기서 얻은 텍스트 필드의 값은 단순화를 위해 문자열을 직접 사용합니다.

str = str.replace(reg,function(a,b){

returnface[a];

})

문서. getElementById('test').innerHTML = str;

qq 이모티콘 패키지 및 해당 얼굴 개체: http://pan.baidu.com/s/1qWPQbBu
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.