如何用电脑在html中输入下标,HTML输入中的上标和下标

$(document).ready(function() {

var temp = {}; // store keypresses here

var current_value = "";

$("#text_area").keydown(function(e) {

temp[e.which] = true;

});

$('#text_area').keyup(function(e) {

if (e.keyCode == 27 && current_value != "") {

var length_1 = current_value.length;

var length_without_sup = length_1 - 5;

var substr_superstring = $('#text_area').val().substr(length_without_sup);

var current_text_2 = current_value + substr_superstring;

current_text_2 = current_text_2 + "";

$('#text_area').val(current_text_2);

$('#text_area').superScript();

}

var flag_shift = false;

var flag_super = false;

for (var key in temp) {

if (key == 16) {

flag_shift = true;

} else if (key == 54) {

flag_super = true;

}

}

if (flag_shift == true && flag_super == true) {

var current_text = $('#text_area').val();

current_text_2 = current_text.substr(0, current_text.length - 1);

current_text_2 = current_text_2 + "^";

$('#text_area').val(current_text_2);

current_value = hide_superscript_tag();

}

delete temp[e.which];

});

});

function hide_superscript_tag() {

var current_value = $('#text_area').val();

current_value_2 = current_value.substr(0, current_value.length - 5);

$('#text_area').val(current_value_2);

return current_value;

}

$.fn.superScript = function() {

var chars = '+−=()AaÆᴂɐɑɒBbcɕDdðEeƎəɛɜɜfGgɡɣhHɦIiɪɨᵻɩjJʝɟKklLʟᶅɭMmɱNnɴɲɳŋOoɔᴖᴗɵȢPpɸqrRɹɻʁsʂʃTtƫUuᴜᴝʉɥɯɰʊvVʋʌwWxyzʐʑʒꝯᴥβγδθφχнნʕⵡ',

sup = '⁺⁻⁼⁽⁾⁰¹²³⁴⁵⁶⁷⁸⁹ᴬᵃᴭᵆᵄᵅᶛᴮᵇᶜᶝᴰᵈᶞᴱᵉᴲᵊᵋᶟᵌᶠᴳᵍᶢˠʰᴴʱᴵⁱᶦᶤᶧᶥʲᴶᶨᶡᴷᵏˡᴸᶫᶪᶩᴹᵐᶬᴺⁿᶰᶮᶯᵑᴼᵒᵓᵔᵕᶱᴽᴾᵖᶲqʳᴿʴʵʶˢᶳᶴᵀᵗᶵᵁᵘᶸᵙᶶᶣᵚᶭᶷᵛⱽᶹᶺʷᵂˣʸᶻᶼᶽᶾꝰᵜᵝᵞᵟᶿᵠᵡᵸჼˤⵯ';

return this.each(function() {

this.value = this.value.replace(/^{]*>(.*?)/g, function(x) {}

var str = '',

txt = $.trim($(x).unwrap().text());

for (var i = 0; i < txt.length; i++) {

var n = chars.indexOf(txt[i]);

str += (n != -1 ? sup[n] : txt[i]);

}

return str;

});

});

}