Hướng dẫn how do i put emojis in javascript? - làm cách nào để đưa biểu tượng cảm xúc vào javascript?

Rémy Beumier

Đăng vào ngày 7 tháng 2 năm 2020 • Cập nhật vào ngày 22 tháng 3 năm 2021

Emoji xuất hiện lần đầu tiên vào năm 1997 trên điện thoại di động Nhật Bản. Họ là hậu duệ của các biểu tượng cảm xúc; đó là những sự bắt chước cơ bản dựa trên văn bản của cảm xúc ;-)-vâng, đây là một ví dụ thực tế.

Emoji đã phát triển về mức độ phổ biến nhiều năm sau nhiều năm bằng cách được đưa vào ngày càng nhiều máy tính, thiết bị di động, ứng dụng, trò chơi, v.v ... Hiện nay chúng rất phổ biến đến nỗi chúng chiếm một phần của văn hóa phổ biến.

Chúng tôi đang sử dụng những người trợ giúp giao tiếp, đặc biệt là trong các thế hệ trẻ. Nhưng họ làm việc bằng cách nào? Để giữ ánh sáng, hãy nói rằng biểu tượng cảm xúc là các nhân vật; Rất giống như các chữ cái, dấu chấm câu hoặc biểu tượng.

👽 📞

Bạn có thể tìm thấy bộ phim này không?

Làm thế nào tôi tích hợp những biểu tượng cảm xúc vào bài viết của tôi? Làm thế nào tôi có thể làm điều đó ở bất cứ đâu trên web?

Chúng tôi sẽ thấy các kỹ thuật khác nhau có sẵn trong HTML, CSS và JavaScript. Họ dựa vào hai phương pháp; Sao chép lại và Codepoint. Trước tiên hãy tìm biểu tượng cảm xúc của bạn, sau đó làm theo các bước trong ngôn ngữ bạn muốn.
First find your Emoji, then follow the steps in the language you want.

HTML

Cách đơn giản nhất. Bạn có thể dán biểu tượng cảm xúc được chọn trước đó.

🔥

Nhập chế độ FullScreenen EXIT Mode FullScreen

Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+ bằng

&#x1F525

&#x1F525

Nhập chế độ FullScreenen EXIT Mode FullScreen

Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+ bằng

🔥

0.

CSS

/* You need an HTML element with the class 'element' */
.element::before {
  content: "🔥";
}

Nhập chế độ FullScreenen EXIT Mode FullScreen

Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+ bằng

&#x1F525

/* You need an HTML element with the class 'element' */
.element::before {
  content: "\01F525";
}

Nhập chế độ FullScreenen EXIT Mode FullScreen

Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+ bằng

🔥

0.

CSS

/* You need an HTML element with the class 'element' */
document.querySelector(".element").innerHTML = "🔥";

Nhập chế độ FullScreenen EXIT Mode FullScreen

Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+ bằng

&#x1F525

/* You need an HTML element with the class 'element' */
document.querySelector(".element").innerHTML = String.fromCodePoint(0x1F525);

Nhập chế độ FullScreenen EXIT Mode FullScreen

Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+ bằng

🔥

0.

CSS

Trong CSS, bạn cần sử dụng

&#x1F525

&#x1F525

Theo cách tương tự, bạn có thể sử dụng CodePoint thay thế U+ bằng

&#x1F525

JavaScript

Trong JavaScript, bạn cần chỉ định

&#x1F525

Tương tự, bạn có thể sử dụng phương thức chuỗi

&#x1F525

&#x1F525

Làm thế nào tôi có thể sử dụng biểu tượng cảm xúc trong JS:

http://unicode.org/emoji/charts/full-emoji-list.html#1f600

Tôi đã thử với:

var emoji = String.fromCharCode(0x1F621);
var emoji = '\u1F600';

Tôi cũng đã cố gắng sao chép/dán chúng vào phpstorm ide và vào văn bản siêu phàm: điều đó đã cho tôi một char thiếu bình phương.

Tôi chỉ cần có một

&#x1F525

Bergi

591K135 Huy hiệu vàng922 Huy hiệu bạc1309 Huy hiệu đồng135 gold badges922 silver badges1309 bronze badges

Hỏi ngày 4 tháng 9 năm 2017 lúc 19:55Sep 4, 2017 at 19:55

3

var emoji = String.fromCodePoint(0x1F621)

Result:

"😡"

Tuy nhiên, hãy cẩn thận về hỗ trợ trình duyệt hạn chế, vì

/* You need an HTML element with the class 'element' */
.element::before {
  content: "🔥";
}

Thông số ngôn ngữ giải thích tại sao

/* You need an HTML element with the class 'element' */
.element::before {
  content: "🔥";
}

.

Và khối biểu tượng cảm xúc vượt quá giá trị tối đa được hỗ trợ bởi các số nguyên 16 bit không dấu.

Đã trả lời ngày 4 tháng 9 năm 2017 lúc 20:01Sep 4, 2017 at 20:01

Hugues M.Hugues M.Hugues M.

Huy hiệu vàng 19.2k66 gold badges32 silver badges61 bronze badges

2

Làm thế nào để bạn đặt biểu tượng cảm xúc trong mã?

Làm thế nào để bạn thêm biểu tượng cảm xúc để phản ứng js?

Làm thế nào để bạn thêm biểu tượng cảm xúc vào url của bạn?

Làm cách nào để nhận được biểu tượng cảm xúc trong HTML và CSS?